fix header background blur in light theme
This commit is contained in:
@@ -58,7 +58,6 @@ button:active, .button-primary:active, .button-secondary:active, .logo:active {
|
|||||||
transition: 0.2s;
|
transition: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.menu-button:active,
|
.menu-button:active,
|
||||||
.desktop-nav a[aria-current="page"]:active,
|
.desktop-nav a[aria-current="page"]:active,
|
||||||
.mobile-menu a[aria-current="page"]:active {
|
.mobile-menu a[aria-current="page"]:active {
|
||||||
|
|||||||
+4
-1
@@ -463,7 +463,10 @@ button:visited, .button-primary:visited, .logo:visited {
|
|||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
background: linear-gradient(180deg, var(--color-neutral-900) 15%, rgba(115, 115, 115, 0.00) 100%);
|
background: light-dark(
|
||||||
|
linear-gradient(180deg, var(--color-neutral-100) 15%, rgba(247,247,247,0) 100%),
|
||||||
|
linear-gradient(180deg, var(--color-neutral-900) 15%, rgba(18,18,18,0) 100%)
|
||||||
|
);
|
||||||
backdrop-filter: blur(6px);
|
backdrop-filter: blur(6px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user