Skip to content

Commit

Permalink
🐛 Update linear-gradient to new syntax
Browse files Browse the repository at this point in the history
Updates the generic linear-gradient rule to use the new `to {x}` syntax. The default direction for linear-gradients is `to bottom` so that is what I used in this case.

This removes the autoprefixer warnings we see in Framework to update our linear-gradient rules to adhere to the new standard.

In theory, this mixin doesn’t even need to be used as autoprefixer handles all of these vendor prefixes for us :)
  • Loading branch information
toddmilliken committed Oct 10, 2019
1 parent e998cc3 commit 432665d
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion css-dev/burf-base/_mixins.scss
Original file line number Diff line number Diff line change
Expand Up @@ -166,7 +166,7 @@
background-image: -moz-linear-gradient(top, $from-color, $to-color); // FF3.6
background-image: -ms-linear-gradient(top, $from-color, $to-color); // IE10
background-image: -o-linear-gradient(top, $from-color, $to-color); // Opera 11.10+
background-image: linear-gradient(top, $from-color, $to-color);
background-image: linear-gradient(to bottom, $from-color, $to-color);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#{$ie-from}', EndColorStr='#{$ie-to}');
} @else {
@error 'The linear gradient mixin requires two valid colors or variables which hold colors. \a Example usage: @include linear-gradient( $from-color, $to-color);';
Expand Down

0 comments on commit 432665d

Please sign in to comment.