/* border applied via utility classes in templates */
}
- /* Footer variant: more opaque */
+ /* Footer variant: stronger frosting effect */
footer.frosted-bar {
- background-color: rgba(var(--bg2-rgb), 0.88);
+ backdrop-filter: blur(20px);
}
/* Border utilities for frosted-bar component */
/* border applied via utility classes in templates */
}
-/* Footer variant: more opaque */
+/* Footer variant: stronger frosting effect */
footer.frosted-bar {
- background-color: rgba(var(--bg2-rgb), 0.88);
+ -webkit-backdrop-filter: blur(20px);
+ backdrop-filter: blur(20px);
}
/* Border utilities for frosted-bar component */