w-*, h-*, min/max sizing with fractions. In v2, these utilities are generated from your configuration — the exact output depends on your theme and variant settings.

Generation#

build.mjs
js
import { CSSGenerator } from 'nakshora';

const css = new CSSGenerator({
  theme: { /* colors, spacing, breakpoints */ },
  variants: ['hover', 'focus', 'md', 'lg'],
}).generate({ minify: true });

Usage#

html
<div class="flex items-center gap-4 p-6">v2 utilities in action</div>

Known issues fixed in v3#

  1. .mr-*/-right spacing emitted scale keys instead of values — fixed
  2. Responsive media queries were empty stubs — now fully generated
  3. State variants (hover:, dark:, group-*) added with the JIT engine