muhammadsammy / tailwindcss-classnames

Functional typed classnames for TailwindCSS

Home Page:https://www.npmjs.com/package/tailwindcss-classnames

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Support JIT engine changes and new features

muhammadsammy opened this issue · comments

https://tailwindcss.com/docs/just-in-time-mode#new-features

Can be enabled with mode: 'jit'

Supported:

  • JIT: All variants are enabled.
  • JIT: Built-in important modifier e.g. font-bold !font-medium, sm:hover:!tw-font-bold
  • JIT: Add universal shorthand color opacity syntax (#239)
  • JIT: Add per-side border color utilities (#238)
  • JIT: Add support for before and after pseudo-element variants and content utilities (#237)
  • JIT: Add exhaustive pseudo-class and pseudo-element variant support (#236)
  • JIT: Add new peer-* variants for styling based on sibling state (#233)
  • JIT: Add caret-color utilities (#235)
  • JIT: Remove need for transform class when using classes like scale-*, rotate-*, etc. (#232)
  • JIT: Remove need for filter and backdrop-filter classes when using classes like contrast-*,

won't support:

  • Arbitrary values e.g. w-[762px] h-[918px]
  • All variants can be stacked together e.g. md:dark:disabled:focus:hover:bg-gray-400 (#206)