webfussel/propapier
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: sticky-header-border-effect

Browse source
This commit is contained in:
Robert Janus 2025-05-11 21:43:04 +02:00
parent c95aa68ec2
commit 3083b99898
3 changed files with 21 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

20
app/assets/styles/header.css
View file

@ -63,4 +63,24 @@
}
}
}
&:after, &:before {
content: '';
display: block;
position: absolute;
bottom: calc(-1 * var(--radius-border));
background: var(--color-blue-darkest);
width: var(--radius-border);
height: var(--radius-border);
}
&:after {
right: 0;
mask: radial-gradient(var(--radius-border) at 0 100%,#0000 98%,#000);
}
&:before {
left: 0;
mask: radial-gradient(var(--radius-border) at 100% 100%,#0000 98%,#000);
}
}