Added new design
[wolnelektury.git] / 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 (file)
index 0000000..ad28e5a
--- /dev/null
@@ -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;
+}