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
|
* Custom Variants
|
||||||
|
@ -105,10 +110,11 @@
|
||||||
--color-shadow-highlight: light-dark(/* */ transparent, --alpha(#FFF / 08%));
|
--color-shadow-highlight: light-dark(/* */ transparent, --alpha(#FFF / 08%));
|
||||||
}
|
}
|
||||||
|
|
||||||
@layer base {
|
@layer theme {
|
||||||
/* High Contrast Mode */
|
/* High Contrast Mode */
|
||||||
/* prettier-ignore */
|
/* prettier-ignore */
|
||||||
@media (prefers-contrast: more) {
|
@media (prefers-contrast: more) {
|
||||||
|
:root {
|
||||||
/* Colors/Labels */
|
/* Colors/Labels */
|
||||||
--color-label-primary: light-dark(/* */ #000 /* */, /* */ #FFF /* */);
|
--color-label-primary: light-dark(/* */ #000 /* */, /* */ #FFF /* */);
|
||||||
--color-label-secondary: light-dark(--alpha(#000 / 70%), --alpha(#FFF / 70%));
|
--color-label-secondary: light-dark(--alpha(#000 / 70%), --alpha(#FFF / 70%));
|
||||||
|
@ -195,6 +201,7 @@
|
||||||
--color-shadow-highlight: light-dark(/* */ transparent, --alpha(#FFF / 32%));
|
--color-shadow-highlight: light-dark(/* */ transparent, --alpha(#FFF / 32%));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Font Family
|
* Font Family
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue