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 |