Fix tailwind sources and prefers-contrast theme
Co-authored-by: Jamie Kyle <113370520+jamiebuilds-signal@users.noreply.github.com>
This commit is contained in:
parent
011943f3e9
commit
c8bb64d104
1 changed files with 83 additions and 76 deletions
|
@ -1,4 +1,9 @@
|
|||
@import 'tailwindcss';
|
||||
@import 'tailwindcss' source(none);
|
||||
|
||||
@source "../ts";
|
||||
@source "../test";
|
||||
@source "../.storybook";
|
||||
@source "../*.{html,js}";
|
||||
|
||||
/**
|
||||
* Custom Variants
|
||||
|
@ -105,10 +110,11 @@
|
|||
--color-shadow-highlight: light-dark(/* */ transparent, --alpha(#FFF / 08%));
|
||||
}
|
||||
|
||||
@layer base {
|
||||
@layer theme {
|
||||
/* High Contrast Mode */
|
||||
/* prettier-ignore */
|
||||
@media (prefers-contrast: more) {
|
||||
:root {
|
||||
/* Colors/Labels */
|
||||
--color-label-primary: light-dark(/* */ #000 /* */, /* */ #FFF /* */);
|
||||
--color-label-secondary: light-dark(--alpha(#000 / 70%), --alpha(#FFF / 70%));
|
||||
|
@ -194,6 +200,7 @@
|
|||
--color-shadow-outline: light-dark(--alpha(#000 / 32%), /* */ transparent);
|
||||
--color-shadow-highlight: light-dark(/* */ transparent, --alpha(#FFF / 32%));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue