unocss-onmax

name	unocss-onmax
description	Use when writing UnoCSS with presetOnmax workflow - covers attribute mode patterns, fluid spacing (f- prefix), scale-to-pixel (1px base), custom variants (hocus, reka-*, data-state), nimiq-css design system (nq-* utilities), and Reka UI integration. Apply when editing .vue files with UnoCSS attributes or configuring uno.config.ts.

UnoCSS with presetOnmax Workflow

Custom UnoCSS workflow using unocss-preset-onmax with fluid sizing, 1px-base spacing, and attributify mode.

Core Concepts

Concept	Pattern	Example
Attribute mode	attr="~ value"	flex="~ col gap-8"
Fluid spacing	f-{util}-{size}	f-px-md, f-pt-2xl
Scale-to-px	1rem = 4px	p-16 = 16px
hocus	hover + focus	bg="neutral hocus:blue"
size-X	width + height	size-40 = 40×40px

When to Load Sub-Files

Load based on task:

Task	File
Configuring uno.config.ts	preset-onmax.md
Writing component styles	attributify.md