Font Size
Controls the font size of an element.
| Class | Properties |
|---|---|
| fs-xs | font-size: 12px; |
| fs-sm | font-size: 14.4px; |
| fs-md | font-size: 16px; |
| fs-lg | font-size: 19.2px; |
| fs-xl | font-size: 23.04px; |
| fs-xxl | font-size: 30.08px; |
| fs-3xl | font-size: 35.52px; |
| fs-6xl | font-size: 58.56px; |
Using breakpoints
Using responsive breakpoints like sm:fs-*, md:fs-*, lg:fs-*, and xxl:fs-* allows targeting specific utilities in different viewports.
<div class="fs-md md:fs-lg ..."></div>Using variants
Using :hover variants such as h:fs-* allows you to override elements and change their values when hovering over them.
<div class="fs-md h:fs-lg ..."></div>