vikunja/frontend
Archived
6
39
Fork 48
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

Remove shadow-xl, move dark mode shadows in a single root declaration
All checks were successful
continuous-integration/drone/pr Build is passing
Details

Browse Source
This commit is contained in:
Adrian Simmons 2021-11-08 15:03:14 +00:00
parent 6877ca30a1
commit 92b2010cdc
1 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/styles/variables/shadows.scss
View File

@ -7,20 +7,16 @@
0 3px 6px hsla(var(--grey-500-hsl), .08); 0 3px 6px hsla(var(--grey-500-hsl), .08);
--shadow-lg: 0 15px 25px hsla(var(--grey-500-hsl), .12), --shadow-lg: 0 15px 25px hsla(var(--grey-500-hsl), .12),
0 5px 10px hsla(var(--grey-500-hsl), .05); 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) { @media (prefers-color-scheme: dark) {
:root { /* Even darker shadows for dark mode */
/* Even darker shadows for dark mode */ --shadow-xs: 0 1px 3px hsla(var(--grey-100-hsl),.12),
--shadow-xs: 0 1px 3px hsla(var(--grey-100-hsl),.12), 0 1px 2px hsla(var(--grey-100-hsl), .24);
0 1px 2px hsla(var(--grey-100-hsl), .24); --shadow-sm: 0 3px 6px hsla(var(--grey-100-hsl), .12),
--shadow-sm: 0 3px 6px hsla(var(--grey-100-hsl), .12), 0 2px 4px hsla(var(--grey-100-hsl), .10);
0 2px 4px hsla(var(--grey-100-hsl), .10); --shadow-md: 0 10px 20px hsla(var(--grey-100-hsl), .12),
--shadow-md: 0 10px 20px hsla(var(--grey-100-hsl), .12), 0 3px 6px hsla(var(--grey-100-hsl), .08);
0 3px 6px hsla(var(--grey-100-hsl), .08); --shadow-lg: 0 15px 25px hsla(var(--grey-100-hsl), .12),
--shadow-lg: 0 15px 25px hsla(var(--grey-100-hsl), .12), 0 5px 10px hsla(var(--grey-100-hsl), .05);
0 5px 10px hsla(var(--grey-100-hsl), .05);
// unused --shadow-xl: 0 20px 40px hsla(var(--grey-100-hsl), .2);
} }
} }