Reference 'large' breakpoint in clip-path calculation

This commit is contained in:
Luca 2022-12-02 00:57:02 +01:00
parent 63fa0d23f8
commit 5f14f8170c
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(50% + 500px) 100%, calc(50% + 500px) $header-spacing, calc(50% - 500px) $header-spacing, calc(50% - 500px) 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + #{$large * 0.5}) 100%, calc(50% + #{$large * 0.5}) $header-spacing, calc(50% - #{$large * 0.5}) $header-spacing, calc(50% - #{$large * 0.5}) 100%, 0 100%);
content: '';
display: block;
height: $stars-height;