WIP experimental typography hero

2021-07-12 17:04:41 -07:00
parent 7b6e7e72e5
commit 7d21613c43
2 changed files with 36 additions and 16 deletions
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -32,6 +32,20 @@
  .scroll-padding-6 {
    scroll-padding: theme('spacing.6');
  }
+  .blurred-or-opaque-bg-1 {
+    @apply bg-opacity-80;
+  }
+  .blurred-or-opaque-bg-2 {
+    @apply bg-opacity-100;
+  }
+  @supports (backdrop-filter: blur(24px)) {
+    .blurred-or-opaque-bg-1 {
+      @apply bg-opacity-50 backdrop-filter backdrop-blur-lg;
+    }
+    .blurred-or-opaque-bg-2 {
+      @apply bg-opacity-70 backdrop-filter backdrop-blur;
+    }
+  }
  @variants responsive {
    .h-two-thirds-vw {
      height: 67vw;