system.cssthe engine GitHub

Primitives

Track & fill <progress> — determinate (65%) and indeterminate. The --fill knob and the hue system recolor it; the push pipeline's toast steps one live. <meter class="smart"> — the element's own low/high/optimum bands pick the hue: in the good band, below it, in the bad band.
Buttons
Tags, badges & numbers
plain suc inf wrn dgr AB3
312 CE ▲ 8% $4.1k ▼ 3% ~88 CE 241 CE
Alerts
Info — the quiet standing message.
Warning — mind the fuse.
Danger — the red that gf-36 fixed.
Menu & dialog
Active row Plain row

Small — sm

Focused but important: confirms, one question.

Medium — the default

Forms and edits. No class needed — md IS .modal.

Large — lg

The workbench: import wizard, mapping tables.