Tailwind-modifier adopts a modifier-first approach to writing Tailwind classes, simplifying the management and handling of screens, groups, and other

Search code, repositories, users, issues, pull requests...

submited by
Style Pass
2024-11-16 13:30:05

Tailwind-modifier adopts a modifier-first approach to writing Tailwind classes, simplifying the management and handling of screens, groups, and other modifiers available in Tailwind CSS.

✓ Complete type-safety ✓ No external dependencies ✓ Full support for all Tailwind CSS modifiers ✓ Nested modifier support - *:dark:bg-dark ✓ Differentiated peers/groups support - group-hover/item ✓ Full compatibility with arbitrary modifiers - group-[.is-published] ✓ Support for arbitrary variant modifiers - [&:nth-child(3)]:underline ✓ Custom modifiers support for type-safety ✓ Works seamlessly with other tools like twMerge and clsx ✓ Support for tailwind classes auto-completion. See Editor Support below

twMod offers versatile syntax options, providing users with the flexibility to seamlessly integrate the tool into their workflow.

For enhanced auto-completion of tailwind utility classes in the twMod function, add the following configuration to your setup (assuming the tailwind-language-server is installed):

Leave a Comment