fix: add fallback for backdrop-filter

fixed reuixiy/io-oi.me#58
reuixiy · Mar 5, 2020 · 60f611b · 60f611b
1 parent e9f6d90
commit 60f611b
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 2 deletions.
diff --git a/assets/scss/base/_supports.scss b/assets/scss/base/_supports.scss
@@ -0,0 +1,7 @@
+@if ($headerLayoutFlex) {
+    @supports not (backdrop-filter: none) {
+        .header-wrapper {
+            background-color: var(--color-bg);
+        }
+    }
+}
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
@@ -420,6 +420,11 @@ $fofPoster: url({{ $fofPoster }});
 @import "base/data-attributes";
 
 
+// @supports()
+
+@import "base/supports";
+
+
 // Custom
 
 @import "custom/custom";