sync

[roojs1] / scss / bootstrap / mixins / _transition.scss

diff --git a/scss/bootstrap/mixins/_transition.scss b/scss/bootstrap/mixins/_transition.scss
new file mode 100644 (file)
index 0000000..485f76c
--- /dev/null
+++ b/scss/bootstrap/mixins/_transition.scss
@@ -0,0 +1,16 @@
+// stylelint-disable property-blacklist
+@mixin transition($transition...) {
+  @if $enable-transitions {
+    @if length($transition) == 0 {
+      transition: $transition-base;
+    } @else {
+      transition: $transition;
+    }
+  }
+
+  @if $enable-prefers-reduced-motion-media-query {
+    @media screen and (prefers-reduced-motion: reduce) {
+      transition: none;
+    }
+  }
+}