Add color-scheme mixin

2026-06-08 17:22:31 +03:00 · 2021-01-11 21:02:26 -08:00
parent c864852135
commit 2d2f5b3dfd
3 changed files with 40 additions and 0 deletions
@@ -0,0 +1,17 @@
+// scss-docs-start mixin-color-scheme
+@mixin color-scheme($name) {
+  @if $name == dark {
+    @media (prefers-color-scheme: dark) {
+      @content;
+    }
+  } @else if $name == light {
+    @media (prefers-color-scheme: light) {
+      @content;
+    }
+  } @else {
+    @media (prefers-color-scheme: #{$name}) {
+      @content;
+    }
+  }
+}
+// scss-docs-end mixin-color-scheme