css: fix transparency of dropdown menu (#60)

espressif · Jul 10, 2024 · c46af36 · c46af36
1 parent 3ba330d
commit c46af36
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -31,3 +31,13 @@
 .menu-close {
   margin-right: 1rem !important;
 }
+
+/* Fix transparency of menu */
+.backdrop-blur {
+    --tw-backdrop-blur: blur(8px); 
+    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); 
+    --tw-backdrop-brightness: brightness(7);
+    --tw-backdrop-opacity: opacity(0.9);
+}
+