tailwindcss-theme-variants
tailwindcss-theme-variants copied to clipboard
This plugin's version 2.0
trafficstars
Goals
- [ ] Replace "The ultimate example: how I use every feature together" with an examination of the
light-and-darkpreset's internals - [ ] Make
require("tailwindcss-theme-variants/presets/typography")preset (but don't expose it because it's dependent onlight-and-darkbeing set up?) - [ ] Provide a
require("tailwindcss-theme-variants/presets/recommended")superpreset that installslight-and-darkandtypographypresets - [ ] Remove all TODO markers in the Semantics section by filling them out
- [ ] Complete #3
- [ ] Document how to safelist, especially when selectors are used (particularly
data-theme) - [ ] Update "Here's an example of combining prefers-contrast: high with the :hover variant:" to use a low-contrast theme to beat it into people's heads that they should do strictly mutually exclusive and comprehensive themes. Is that a good idea?
- [ ] Document
@supportssupport (alongside media queries) - [x] Provide easy to use presets to put in Tailwind config e.x.
require("tailwindcss-theme-variants/presets/dark-mode")to replace Tailwind 2.0's dark mode implementation - [x] Verify semantics work with non-color utilities
- [x] Become compatible with Tailwind 2.0 by setting
noie11=target === undefinedbecause thetargetfeature has been removed there - [x] Complete #6
Breaking changes
Work on these will only start once the above goals are complete. Release strategy will be 2.0.0-beta-0 and so on until 2.0.0 is marked stable.
- [x] Rename
utilities.tstotheme-and-variable-converters.ts - [x]
fallback: truemeans whatfallback: "compact"currently means andfallback: "uncompacted"orfallback: "expanded"orfallback: "uncompressed"means whatfallback: truecurrently means
Post-release
- [ ] PR https://github.com/aniftyco/awesome-tailwindcss#plugins to update "Theme Variants" to include the utilities marker (in addition to the other theme plugins that need it)