iger
/
www.iger.events
9
1
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

Simplify clip-path calculation
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Luca 2022-12-01 19:48:02 +01:00
parent 25b8ef7dc5
commit 4d86f502b1
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/style.scss
View File

@ -27,7 +27,7 @@ body {
@media screen and (min-width: $small) { @media screen and (min-width: $small) {
&::before { &::before {
background: url(/stars.svg) repeat-x top; background: url(/stars.svg) repeat-x top;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, calc(100% - (100% - 1000px) / 2) 100%, calc(100% - (100% - 1000px) / 2) $header-spacing, calc((100% - 1000px) / 2) $header-spacing, calc((100% - 1000px) / 2) 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, calc(50% + 500px) 100%, calc(50% + 500px) $header-spacing, calc(50% - 500px) $header-spacing, calc(50% - 500px) 100%, 0% 100%);
content: ''; content: '';
display: block; display: block;
height: $stars-height; height: $stars-height;