Variants are prefixes that add a condition to a utility: hover:bg-blue-600 applies only on hover. Nakshora 3.0 ships 21+ variants, and they stack without limit: md:dark:group-hover:text-white.

The stacking order#

text
[screens] [conditions] utility
md: dark: group-hover: bg-blue-500
│    │      │            └─ what
│    │      └─ under what state
│    └─ under what scheme
└─ above what width

Families#

hoverThe workhorse interaction state.focus & focus-visibleKeyboard and mouse focus.darkScheme variants.group-*Parent-driven states.peer-*Sibling-driven states.first / last / odd / evenPosition-based styling.
Tip. If you can say it in CSS, you can prefix it in Nakshora. Arbitrary variants [&>*]:p-2 cover everything else (3.x).