X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/14eaee7aef2e0f89f0210f087d10eeaed0bedf43..a8282aa69e00292bec986722c5230ff89f96f450:/src/wolnelektury/static/2022/styles/utils/bourbon/library/_prefixer.scss diff --git a/src/wolnelektury/static/2022/styles/utils/bourbon/library/_prefixer.scss b/src/wolnelektury/static/2022/styles/utils/bourbon/library/_prefixer.scss new file mode 100644 index 000000000..ad28e5a5f --- /dev/null +++ b/src/wolnelektury/static/2022/styles/utils/bourbon/library/_prefixer.scss @@ -0,0 +1,37 @@ +@charset "UTF-8"; + +/// Generates vendor prefixes. +/// +/// @argument {string} $property +/// Property to prefix. +/// +/// @argument {string} $value +/// Value to use. +/// +/// @argument {list} $prefixes +/// Vendor prefixes to output. +/// +/// @example scss +/// .element { +/// @include prefixer(appearance, none, ("webkit", "moz")); +/// } +/// +/// // CSS Output +/// .element { +/// -webkit-appearance: none; +/// -moz-appearance: none; +/// appearance: none; +/// } +/// +/// @author Hugo Giraudel + +@mixin prefixer( + $property, + $value, + $prefixes: () +) { + @each $prefix in $prefixes { + #{"-" + $prefix + "-" + $property}: $value; + } + #{$property}: $value; +}