Fix firefox and bottom buttons

2021-07-19 12:18:59 -07:00
parent 0060da3eb9
commit 269e674872
2 changed files with 11 additions and 3 deletions
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -38,7 +38,7 @@
  .blurred-or-opaque-bg-2 {
    @apply bg-opacity-90;
  }
-  @supports (backdrop-filter: blur(24px)) {
+  @supports (backdrop-filter: none) {
    .blurred-or-opaque-bg-1 {
      @apply bg-opacity-50 backdrop-filter backdrop-blur-lg;
    }
@@ -46,6 +46,14 @@
      @apply bg-opacity-70 backdrop-filter backdrop-blur;
    }
  }
+  @supports not (backdrop-filter: none) {
+    .blurred-or-opaque-bg-1 {
+      @apply bg-opacity-70;
+    }
+    .blurred-or-opaque-bg-2 {
+      @apply bg-opacity-90;
+    }
+  }
  @variants responsive {
    .h-two-thirds-vw {
      height: 67vw;