Skip to main content Accessibility Feedback

Size

The .size-* classes add or modify the font-size property on an element. Because Kelp uses em units, this will also change the size of any padding and margin on the element.

The class sizes correspond with their associated --size-* CSS variables.

Class Size
.size-2xs 0.75em
.size-xs 0.8125em
.size-s 0.9375em
.size-m 1em
.size-l 1.0625em
.size-xl 1.1875em
.size-2xl 1.3125em
.size-3xl 1.5em
.size-4xl 1.75em
.size-5xl 2em
.size-6xl 3em