mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 12:09:26 +00:00
a9bf1bd838
* Initial comment, based on #768 * Add `neutral` color variables * Add `success`, `warning`, and `danger` variables * Theme touch-ups * Remove unused clamped tokens * Re-add clamped tokens test page, refactor to be based on hue instead of `brand`
37 lines
1.5 KiB
CSS
37 lines
1.5 KiB
CSS
:where(:root),
|
|
:host,
|
|
:where([class^='wa-theme-'], [class*=' wa-theme-']),
|
|
:where([class^='wa-palette-'], [class*=' wa-palette-']),
|
|
.wa-success-green {
|
|
--wa-color-success-95: var(--wa-color-green-95);
|
|
--wa-color-success-90: var(--wa-color-green-90);
|
|
--wa-color-success-80: var(--wa-color-green-80);
|
|
--wa-color-success-70: var(--wa-color-green-70);
|
|
--wa-color-success-60: var(--wa-color-green-60);
|
|
--wa-color-success-50: var(--wa-color-green-50);
|
|
--wa-color-success-40: var(--wa-color-green-40);
|
|
--wa-color-success-30: var(--wa-color-green-30);
|
|
--wa-color-success-20: var(--wa-color-green-20);
|
|
--wa-color-success-10: var(--wa-color-green-10);
|
|
--wa-color-success-05: var(--wa-color-green-05);
|
|
--wa-color-success: var(--wa-color-green);
|
|
|
|
--wa-color-success-lt-50: var(--wa-color-green-lt-50);
|
|
--wa-color-success-gte-50: var(--wa-color-green-gte-50);
|
|
|
|
--wa-color-success-lt-60: var(--wa-color-green-lt-60);
|
|
--wa-color-success-gte-60: var(--wa-color-green-gte-60);
|
|
|
|
--wa-color-success-lt-70: var(--wa-color-green-lt-70);
|
|
--wa-color-success-gte-70: var(--wa-color-green-gte-70);
|
|
|
|
--wa-color-success-max-50: var(--wa-color-green-max-50);
|
|
--wa-color-success-min-50: var(--wa-color-green-min-50);
|
|
--wa-color-success-max-60: var(--wa-color-green-max-60);
|
|
--wa-color-success-min-60: var(--wa-color-green-min-60);
|
|
--wa-color-success-max-70: var(--wa-color-green-max-70);
|
|
--wa-color-success-min-70: var(--wa-color-green-min-70);
|
|
|
|
--wa-color-success-on: var(--wa-color-green-on);
|
|
}
|