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