Forgot to rename var
This commit is contained in:
parent
b825582eb1
commit
238c214ac9
|
@ -12,11 +12,11 @@
|
||||||
|
|
||||||
|
|
||||||
@mixin box-shadow($shadow) {
|
@mixin box-shadow($shadow) {
|
||||||
-webkit-box-shadow: $radius;
|
-webkit-box-shadow: $shadow;
|
||||||
-moz-box-shadow: $radius;
|
-moz-box-shadow: $shadow;
|
||||||
-ms-box-shadow: $radius;
|
-ms-box-shadow: $shadow;
|
||||||
-o-box-shadow: $radius;
|
-o-box-shadow: $shadow;
|
||||||
box-shadow: $radius;
|
box-shadow: $shadow;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin border-radius($radius) {
|
@mixin border-radius($radius) {
|
||||||
|
@ -27,6 +27,13 @@
|
||||||
border-radius: $radius;
|
border-radius: $radius;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@mixin linear-gradient($from, $to) {
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from($from), to($to));
|
||||||
|
background-image: -webkit-linear-gradient($from, $to);
|
||||||
|
background-image: -moz-linear-gradient($from, $to);
|
||||||
|
background-image: -o-linear-gradient($from, $to);
|
||||||
|
}
|
||||||
|
|
||||||
@mixin round-borders-bottom($radius) {
|
@mixin round-borders-bottom($radius) {
|
||||||
border-top: 1px solid #eaeaea;
|
border-top: 1px solid #eaeaea;
|
||||||
@include border-radius(0 0 $radius $radius);
|
@include border-radius(0 0 $radius $radius);
|
||||||
|
@ -43,10 +50,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin bg-gradient($from, $to) {
|
@mixin bg-gradient($from, $to) {
|
||||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from($from), to($to));
|
@include linear-gradient($from, $to);
|
||||||
background-image: -webkit-linear-gradient($from, $to);
|
|
||||||
background-image: -moz-linear-gradient($from, $to);
|
|
||||||
background-image: -o-linear-gradient($from, $to);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin bg-light-gray-gradient {
|
@mixin bg-light-gray-gradient {
|
||||||
|
|
|
@ -135,9 +135,12 @@ header {
|
||||||
@include border-radius(5px);
|
@include border-radius(5px);
|
||||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.15)), to(rgba(0, 0, 0, 0.25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.15)), to(rgba(0, 0, 0, 0.25))),
|
||||||
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
|
-webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
|
||||||
background: linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)), linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
|
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)),
|
||||||
|
-moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
|
||||||
|
background: linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.25)),
|
||||||
|
linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
|
||||||
-webkit-background-origin: border-box;
|
-webkit-background-origin: border-box;
|
||||||
-moz-background-origin: border;
|
-moz-background-origin: border;
|
||||||
background-origin: border-box; } } }
|
background-origin: border-box; } } }
|
||||||
|
|
Loading…
Reference in a new issue