diff --git a/sass/mixins.scss b/sass/mixins.scss index abff019..3d82448 100644 --- a/sass/mixins.scss +++ b/sass/mixins.scss @@ -37,25 +37,25 @@ } // Gradients -@mixin linear-gradient($color-form, $color-to) { - background-color: $color-form; // Old browsers - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$color-form), color-stop(100%,$color-to)); // Chrome, Safari4+ - background-image: -webkit-linear-gradient(top, $color-form 0%, $color-to 100%); // Chrome10+, Safari5.1+ - background-image: -moz-linear-gradient(top, $color-form 0%, $color-to 100%); // FF3.6+ - background-image: -ms-linear-gradient(top, $color-form 0%, $color-to 100%); // IE10+ - background-image: -o-linear-gradient(top, $color-form 0%, $color-to 100%); // Opera 11.10+ - background-image: linear-gradient(to bottom, $color-form 0%, $color-to 100%); // W3C - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-form', endColorstr='$color-to', GradientType=0 ); // IE6-9 +@mixin linear-gradient($color-from, $color-to) { + 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-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: -ms-linear-gradient(top, $color-from 0%, $color-to 100%); // IE10+ + background-image: -o-linear-gradient(top, $color-from 0%, $color-to 100%); // Opera 11.10+ + background-image: linear-gradient(to bottom, $color-from 0%, $color-to 100%); // W3C + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-from', endColorstr='$color-to', GradientType=0 ); // IE6-9 } -@mixin directional-gradient($color-form, $color-to, $deg: 45deg) { - background-color: $color-form; // Old browsers - background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%,$color-form), color-stop(100%,$color-to)); // Chrome, Safari4+ - background-image: -webkit-linear-gradient(45deg, $color-form 0%, $color-to 100%); // Chrome10+, Safari5.1+ - background-image: -moz-linear-gradient(45deg, $color-form 0%, $color-to 100%); // FF3.6+ - background-image: -ms-linear-gradient(45deg, $color-form 0%, $color-to 100%); // IE10+ - background-image: -o-linear-gradient(45deg, $color-form 0%, $color-to 100%); // Opera 11.10+ - background-image: linear-gradient(45deg, $color-form 0%, $color-to 100%); // W3C - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-form', endColorstr='$color-to', GradientType=1 ); // IE6-9 +@mixin directional-gradient($color-from, $color-to, $deg: 45deg) { + 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-linear-gradient(45deg, $color-from 0%, $color-to 100%); // Chrome10+, Safari5.1+ + background-image: -moz-linear-gradient(45deg, $color-from 0%, $color-to 100%); // FF3.6+ + background-image: -ms-linear-gradient(45deg, $color-from 0%, $color-to 100%); // IE10+ + background-image: -o-linear-gradient(45deg, $color-from 0%, $color-to 100%); // Opera 11.10+ + background-image: linear-gradient(45deg, $color-from 0%, $color-to 100%); // W3C + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-from', endColorstr='$color-to', GradientType=1 ); // IE6-9 }