Skip to content

v1.0.0

Choose a tag to compare

View all tags
@Ynitial Ynitial released this 15 Feb 19:24
· 5 commits to main since this release
v1.0.0
bd0e1d3

Initial Release

Vite plugin that lets you chain multiple Tailwind CSS utilities under a shared variant prefix using pipe (|) syntax.

Features

  • Pipe syntax: md:hover:bg-blue-600|text-white|scale-105 expands to md:hover:bg-blue-600 md:hover:text-white md:hover:scale-105
  • Stacked variants: Works with md:hover:, dark:md:, md:max-lg:, etc.
  • Arbitrary variants: [&>div]:text-red|font-bold expands correctly
  • Bracket-aware parsing: Pipes inside [] (arbitrary values) are left untouched
  • Zero runtime cost: All expansion happens at build time via Vite's enforce: 'pre' transform
  • Broad file support: .js, .jsx, .ts, .tsx, .html, .vue, .svelte, .astro, .md, .mdx, .blade.php, .php
  • CI: GitHub Actions testing on Node 18, 20, and 22
Assets 2
Loading