remove blur on mobile
This commit is contained in:
parent
6fb6959d45
commit
088e14ebeb
1 changed files with 19 additions and 17 deletions
|
@ -452,23 +452,25 @@ function showMenu(ev) {
|
||||||
> .header {
|
> .header {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: -30px;
|
margin-top: -30px;
|
||||||
&::before {
|
@media (min-width: 1099px) {
|
||||||
content: "";
|
&::before {
|
||||||
position: absolute;
|
content: "";
|
||||||
inset: -25px calc(0px - var(--margin));
|
position: absolute;
|
||||||
bottom: -100px;
|
inset: -25px calc(0px - var(--margin));
|
||||||
backdrop-filter: blur(60px);
|
bottom: -100px;
|
||||||
filter: brightness(1.2);
|
backdrop-filter: blur(60px);
|
||||||
pointer-events: none;
|
filter: brightness(1.2);
|
||||||
z-index: -1;
|
pointer-events: none;
|
||||||
opacity: 0.5;
|
z-index: -1;
|
||||||
clip-path: inset(55px 0 0 0 round var(--radius));
|
opacity: 0.5;
|
||||||
mask: linear-gradient(transparent 55px, #000 50px, transparent);
|
clip-path: inset(55px 0 0 0 round var(--radius));
|
||||||
-webkit-mask: llinear-gradient(
|
mask: linear-gradient(transparent 55px, #000 50px, transparent);
|
||||||
transparent 55px,
|
-webkit-mask: llinear-gradient(
|
||||||
#000 50px,
|
transparent 55px,
|
||||||
transparent
|
#000 50px,
|
||||||
);
|
transparent
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
> .logo {
|
> .logo {
|
||||||
height: 80px;
|
height: 80px;
|
||||||
|
|
Loading…
Reference in a new issue