From 4d86f502b1b1b238eff1b72475b374c233e4a6a1 Mon Sep 17 00:00:00 2001 From: Luca Date: Thu, 1 Dec 2022 19:48:02 +0100 Subject: [PATCH] Simplify 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 946e6dd..f851dbe 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(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;