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

View File

@ -27,7 +27,7 @@ body {
@media screen and (min-width: $small) {
&::before {
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: '';
display: block;
height: $stars-height;