geoff
/
grayscale
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

clamp some values

This commit is contained in:
Geoff Doty 2021-10-23 16:39:09 -04:00
parent d1967f321b
commit 3e47c94061
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/grayscale.css
View File

@ -1,4 +1,4 @@
/* Grayscale CSS v:0.8.5 | MIT LICENSE | https://github.com/n2geoff/grayscale */ /* Grayscale CSS v:0.9.0 | MIT LICENSE | https://github.com/n2geoff/grayscale */
:root { :root {
--Hsl: 207; --Hsl: 207;
--hSl: 50%; --hSl: 50%;
@ -13,18 +13,18 @@
--space: 1rem; --space: 1rem;
} }
[data-theme="light"],:root:not([data-theme="dark"]) { :root:not([data-theme=dark]),[data-theme=light] {
--light: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%)); --light: hsl(var(--Hsl), clamp(15%, var(--hSl), 85%), clamp(15%, calc(var(--hsL) + 35%), 85%));
--dark: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%)); --dark: hsl(var(--Hsl), clamp(15%, var(--hSl), 85%), clamp(15%, calc(var(--hsL) - 35%), 85%));
--gray: hsl(var(--Hsl), 25%, 75%); --gray: hsl(var(--Hsl), 25%, 75%);
--hint: hsl(var(--Hsl), 35%, 70%); --hint: hsl(var(--Hsl), 35%, 70%);
--bg: hsl(var(--Hsl), 0%, 95%); --bg: hsl(var(--Hsl), 0%, 95%);
--fg: hsl(var(--Hsl), 0%, 5%); --fg: hsl(var(--Hsl), 0%, 5%);
} }
[data-theme="dark"] { [data-theme=dark] {
--light: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%)); --light: hsl(var(--Hsl), clamp(15%, var(--hSl), 85%), clamp(15%, calc(var(--hsL) - 35%), 85%));
--dark: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%)); --dark: hsl(var(--Hsl), clamp(15%, var(--hSl), 85%), clamp(15%, calc(var(--hsL) + 35%), 85%));
--gray: hsl(var(--Hsl), 25%, 25%); --gray: hsl(var(--Hsl), 25%, 25%);
--hint: hsl(var(--Hsl), 35%, 20%); --hint: hsl(var(--Hsl), 35%, 20%);
--bg: hsl(var(--Hsl), 50%, 5%); --bg: hsl(var(--Hsl), 50%, 5%);