|
0
|
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
|
|
|
34 @each $prefix in $prefixes {
|
|
|
35 #{$property}: #{"-" + $prefix + "-" + $value};
|
|
|
36 }
|
|
|
37 #{$property}: $value;
|
|
|
38 }
|
