Strengthen mobile navbar blur
This commit is contained in:
@@ -116,6 +116,12 @@ a {
|
||||
inset 18px 0 34px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
.nav-glass {
|
||||
background: rgba(255, 255, 255, 0.62);
|
||||
backdrop-filter: blur(30px) saturate(1.32);
|
||||
-webkit-backdrop-filter: blur(30px) saturate(1.32);
|
||||
}
|
||||
|
||||
.hairline {
|
||||
background: linear-gradient(90deg, transparent, rgba(17, 19, 23, 0.15), transparent);
|
||||
height: 1px;
|
||||
@@ -180,6 +186,16 @@ a {
|
||||
-webkit-backdrop-filter: blur(18px) saturate(1.24);
|
||||
}
|
||||
|
||||
.nav-glass {
|
||||
background: rgba(255, 255, 255, 0.58);
|
||||
border-color: rgba(255, 255, 255, 0.86);
|
||||
box-shadow:
|
||||
0 14px 36px rgba(17, 19, 23, 0.1),
|
||||
inset 0 1px 0 rgba(255, 255, 255, 0.78);
|
||||
backdrop-filter: blur(26px) saturate(1.38);
|
||||
-webkit-backdrop-filter: blur(26px) saturate(1.38);
|
||||
}
|
||||
|
||||
main > section {
|
||||
content-visibility: auto;
|
||||
contain-intrinsic-size: 1px 780px;
|
||||
|
||||
Reference in New Issue
Block a user