Presets

Body texth3h2h1Section headingSpacing smSpacing mdSpacing lg

Value units

rempxem

Min and max values are equal — value won't scale.

Min value is larger than max — clamp will invert.

Min viewport must be smaller than max viewport.

clamp() output

—

Copy

Value breakdown

Min (clamped)

—

Preferred (fluid)

—

Max (clamped)

—

Slope

—

Intercept

—

Root font size

16px

Live preview

Simulate viewport: 880px
320px1440px

Computed value: —

Text preview

The quick brown fox jumps over the lazy dog

Output formats

CSS variable

—

Copy

SCSS variable

—

Copy

Bricks Builder — paste in Settings › Custom CSS or element CSS

—

Copy