remove blur on mobile

This commit is contained in:
freeplay 2023-07-06 20:31:32 -04:00
parent 6fb6959d45
commit 088e14ebeb

View file

@ -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;