|
|
@ -23,7 +23,7 @@ |
|
|
|
&:before, |
|
|
|
&:before, |
|
|
|
&:after { |
|
|
|
&:after { |
|
|
|
display: table; // 2 |
|
|
|
display: table; // 2 |
|
|
|
content: " "; // 1 |
|
|
|
content: " "; // 1 |
|
|
|
} |
|
|
|
} |
|
|
|
&:after { |
|
|
|
&:after { |
|
|
|
clear: both; |
|
|
|
clear: both; |
|
|
@ -39,7 +39,7 @@ |
|
|
|
// Gradients |
|
|
|
// Gradients |
|
|
|
@mixin linear-gradient($color-from, $color-to) { |
|
|
|
@mixin linear-gradient($color-from, $color-to) { |
|
|
|
background-color: $color-from; // Old browsers |
|
|
|
background-color: $color-from; // Old browsers |
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$color-from), color-stop(100%,$color-to)); // Chrome, Safari4+ |
|
|
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $color-from), color-stop(100%, $color-to)); // Chrome, Safari4+ |
|
|
|
background-image: -webkit-linear-gradient(top, $color-from 0%, $color-to 100%); // Chrome10+, Safari5.1+ |
|
|
|
background-image: -webkit-linear-gradient(top, $color-from 0%, $color-to 100%); // Chrome10+, Safari5.1+ |
|
|
|
background-image: -moz-linear-gradient(top, $color-from 0%, $color-to 100%); // FF3.6+ |
|
|
|
background-image: -moz-linear-gradient(top, $color-from 0%, $color-to 100%); // FF3.6+ |
|
|
|
background-image: -ms-linear-gradient(top, $color-from 0%, $color-to 100%); // IE10+ |
|
|
|
background-image: -ms-linear-gradient(top, $color-from 0%, $color-to 100%); // IE10+ |
|
|
@ -49,12 +49,12 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
@mixin directional-gradient($color-from, $color-to, $deg: 45deg) { |
|
|
|
@mixin directional-gradient($color-from, $color-to, $deg: 45deg) { |
|
|
|
background-color: $color-from; // Old browsers |
|
|
|
background-color: $color-from; // Old browsers |
|
|
|
background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%,$color-from), color-stop(100%,$color-to)); // Chrome, Safari4+ |
|
|
|
background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%, $color-from), color-stop(100%, $color-to)); // Chrome, Safari4+ |
|
|
|
background-image: -webkit-linear-gradient($deg, $color-from 0%, $color-to 100%); // Chrome10+, Safari5.1+ |
|
|
|
background-image: -webkit-linear-gradient($deg, $color-from 0%, $color-to 100%); // Chrome10+, Safari5.1+ |
|
|
|
background-image: -moz-linear-gradient($deg, $color-from 0%, $color-to 100%); // FF3.6+ |
|
|
|
background-image: -moz-linear-gradient($deg, $color-from 0%, $color-to 100%); // FF3.6+ |
|
|
|
background-image: -ms-linear-gradient($deg, $color-from 0%, $color-to 100%); // IE10+ |
|
|
|
background-image: -ms-linear-gradient($deg, $color-from 0%, $color-to 100%); // IE10+ |
|
|
|
background-image: -o-linear-gradient($deg, $color-from 0%, $color-to 100%); // Opera 11.10+ |
|
|
|
background-image: -o-linear-gradient($deg, $color-from 0%, $color-to 100%); // Opera 11.10+ |
|
|
|
background-image: linear-gradient($deg, $color-from 0%, $color-to 100%); // W3C |
|
|
|
background-image: linear-gradient($deg, $color-from 0%, $color-to 100%); // W3C |
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$color-from}', endColorstr='#{$color-to}', GradientType=1 ); // IE6-9 |
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$color-from}', endColorstr='#{$color-to}', GradientType=1 ); // IE6-9 |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|