| 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 | } |