2d3ca553 |
1 | @charset "UTF-8"; |
2 | |
3 | /// Generates vendor prefixes. |
4 | /// |
5 | /// @argument {string} $property |
6 | /// Property to prefix. |
7 | /// |
8 | /// @argument {string} $value |
9 | /// Value to use. |
10 | /// |
11 | /// @argument {list} $prefixes |
12 | /// Vendor prefixes to output. |
13 | /// |
14 | /// @example scss |
15 | /// .element { |
16 | /// @include prefixer(appearance, none, ("webkit", "moz")); |
17 | /// } |
18 | /// |
19 | /// // CSS Output |
20 | /// .element { |
21 | /// -webkit-appearance: none; |
22 | /// -moz-appearance: none; |
23 | /// appearance: none; |
24 | /// } |
25 | /// |
26 | /// @author Hugo Giraudel |
27 | |
28 | @mixin prefixer( |
29 | $property, |
30 | $value, |
31 | $prefixes: () |
32 | ) { |
33 | @each $prefix in $prefixes { |
34 | #{"-" + $prefix + "-" + $property}: $value; |
35 | } |
36 | #{$property}: $value; |
37 | } |