feat: add backdrop blur for nav bar (#53)

2023-09-13 05:02:38 -04:00
parent f70ba59ca0
commit 76ac694542
6 changed files with 1210 additions and 1942 deletions
--- a/assets/css/components/navbar.css
+++ b/assets/css/components/navbar.css
@ -4,6 +4,14 @@ nav {
  }
 }

+@supports (
+  (-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))
+) {
+  .nav-container-blur {
+    @apply backdrop-blur-md bg-white/[.85] dark:!bg-dark/80;
+  }
+}
+
 .hamburger-menu svg {
  g {
    @apply origin-center;