Radius, effects and sizes
Three small tabs on each skin control the shape of the interface.
Radius
Sets the corner rounding for four groups of elements. Values are in rem (1rem = 16px).
Components — 0–2rem, e.g.
1rem.Boxes — images, cards, modals and alerts, 0–1.5rem, e.g.
0.75rem.Fields — buttons, inputs, selects and tabs, 0–2rem, e.g.
0.25rem.Selectors — checkboxes, toggles and badges, 0–1rem, e.g.
0.5rem.
Effects
Depth effect — a subtle 3D depth on fields and selectors.
Noise effect — a fine noise texture on fields and selectors.
Sizes
Fields — the base size unit for buttons, inputs, selects and tabs.
Selectors — the base size unit for checkboxes, toggles and badges.
Border width — the border width for all components.
Last updated