From 5f14f8170c631f4f51616c3632ce46b9019833b5 Mon Sep 17 00:00:00 2001 From: Luca Date: Fri, 2 Dec 2022 00:57:02 +0100 Subject: [PATCH] Reference 'large' breakpoint in clip-path calculation --- assets/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/style.scss b/assets/style.scss index 2e6b196..a951c57 100644 --- a/assets/style.scss +++ b/assets/style.scss @@ -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;