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-3xs |
0.6875em |
.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 |