X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/6753452b63d937fd05ad485edc650565f5fa064e..24721591455e048cffca365384e6759daae05916:/src/wolnelektury/static/2021/css/utils/bourbon/library/_value-prefixer.scss diff --git a/src/wolnelektury/static/2021/css/utils/bourbon/library/_value-prefixer.scss b/src/wolnelektury/static/2021/css/utils/bourbon/library/_value-prefixer.scss new file mode 100644 index 000000000..6eb886732 --- /dev/null +++ b/src/wolnelektury/static/2021/css/utils/bourbon/library/_value-prefixer.scss @@ -0,0 +1,37 @@ +@charset "UTF-8"; + +/// Generates vendor prefixes for values. +/// +/// @argument {string} $property +/// Property to use. +/// +/// @argument {string} $value +/// Value to prefix. +/// +/// @argument {list} $prefixes +/// Vendor prefixes to output. +/// +/// @example scss +/// .element { +/// @include value-prefixer(cursor, grab, ("webkit", "moz")); +/// } +/// +/// // CSS Output +/// .element { +/// cursor: -webkit-grab; +/// cursor: -moz-grab; +/// cursor: grab; +/// } +/// +/// @author Matthew Tobiasz + +@mixin value-prefixer( + $property, + $value, + $prefixes: () +) { + @each $prefix in $prefixes { + #{$property}: #{"-" + $prefix + "-" + $value}; + } + #{$property}: $value; +}