Clamp Kalkulator

Clamp‑Rechner • UIkit/YOOtheme Pro Klassen‑Generator

Berechnet clamp(min, calc(b + m·vw), max), generiert fertige CSS‑Ausgabe und UIkit/YOOtheme‑taugliche Utility‑Klassen.

Min‑Viewport (px)

Max‑Viewport (px)

Root Font‑Size (px) (für rem)

Rundung (Dezimalstellen)

Einheit

Min‑Wert

Max‑Wert

Eigenschaft

Klassenname / Variable

Ausgabe

Tipp Nutze Prefix u-, um UIkit‑Klassen nicht zu überschreiben.

clamp(): —

Formel: m=(maxSize−minSize)/(maxVw−minVw), b=minSize−m·minVw → bevorzugter Wert = b + m·100vw.

Customizer → Einstellungen → Custom Code → CSS – Block einfügen.
Oder Child‑Theme: templates/yootheme_child/css/custom.css.
Im Builder Klassennamen zuweisen, z. B. u-fluid-text-md, u-fluid-gap-m, u-container.