VelinStyle States & variants
VelinStyle does not use Tailwind-style variant prefixes (hover:, focus:, dark:). Use components, tokens, and responsive utilities instead.
No hover: prefix
Interactive states live in component CSS (e.g. .velin-btn:hover). For custom elements, add your own rules in a layer above utilities or use :hover in project CSS.
Responsive
Breakpoint prefixes use min-width media queries: .velin-md-flex, .velin-lg-hidden. See Breakpoints.
Dark mode
Set data-velin-theme="dark" on <html> or use Color modes — tokens swap globally; there are no dark: utility classes.
State classes
Loading and validation helpers: .velin-is-loading, .velin-is-disabled, .velin-is-error — see Utilities API.