From 92b2010cdc7912142105a401056ec200dd6356eb Mon Sep 17 00:00:00 2001 From: Adrian Simmons Date: Mon, 8 Nov 2021 15:03:14 +0000 Subject: [PATCH] Remove shadow-xl, move dark mode shadows in a single root declaration --- src/styles/variables/shadows.scss | 24 ++++++++++-------------- 1 file changed, 10 insertions(+), 14 deletions(-) diff --git a/src/styles/variables/shadows.scss b/src/styles/variables/shadows.scss index 9e4e7b456..3fedee0a3 100644 --- a/src/styles/variables/shadows.scss +++ b/src/styles/variables/shadows.scss @@ -7,20 +7,16 @@ 0 3px 6px hsla(var(--grey-500-hsl), .08); --shadow-lg: 0 15px 25px hsla(var(--grey-500-hsl), .12), 0 5px 10px hsla(var(--grey-500-hsl), .05); -// unused --shadow-xl: 0 20px 40px hsla(var(--grey-500-hsl), .2); -} @media (prefers-color-scheme: dark) { - :root { - /* Even darker shadows for dark mode */ - --shadow-xs: 0 1px 3px hsla(var(--grey-100-hsl),.12), - 0 1px 2px hsla(var(--grey-100-hsl), .24); - --shadow-sm: 0 3px 6px hsla(var(--grey-100-hsl), .12), - 0 2px 4px hsla(var(--grey-100-hsl), .10); - --shadow-md: 0 10px 20px hsla(var(--grey-100-hsl), .12), - 0 3px 6px hsla(var(--grey-100-hsl), .08); - --shadow-lg: 0 15px 25px hsla(var(--grey-100-hsl), .12), - 0 5px 10px hsla(var(--grey-100-hsl), .05); -// unused --shadow-xl: 0 20px 40px hsla(var(--grey-100-hsl), .2); + /* Even darker shadows for dark mode */ + --shadow-xs: 0 1px 3px hsla(var(--grey-100-hsl),.12), + 0 1px 2px hsla(var(--grey-100-hsl), .24); + --shadow-sm: 0 3px 6px hsla(var(--grey-100-hsl), .12), + 0 2px 4px hsla(var(--grey-100-hsl), .10); + --shadow-md: 0 10px 20px hsla(var(--grey-100-hsl), .12), + 0 3px 6px hsla(var(--grey-100-hsl), .08); + --shadow-lg: 0 15px 25px hsla(var(--grey-100-hsl), .12), + 0 5px 10px hsla(var(--grey-100-hsl), .05); } -} +} \ No newline at end of file