Type Size
Component status:Ready
A set of global type size values that can be applied via utility classes or as Sass Variables.
| Class | Sass Variable | rem | px | Mobile |
|---|---|---|---|---|
.bux-ts-xs | $ts-xs | 0.75rem | 12px | 12px |
.bux-ts-sm | $ts-sm | 0.875rem | 14px | 14px |
.bux-ts-base | $ts-base | 1rem | 16px | 16px |
.bux-ts-18 | $ts-18 | 1.125rem | 18px | 18px |
.bux-ts-20 | $ts-20 | 1.25rem | 20px | 20px |
.bux-ts-22 | $ts-22 | 1.375rem | 22px | 22px |
.bux-ts-md | $ts-md | 1.5rem | 24px | 24px |
.bux-ts-28 | $ts-28 | 1.75rem | 28px | 28px |
.bux-ts-lg | $ts-lg | 2rem | 32px | 32px |
.bux-ts-36 | $ts-36 | 2.25rem | 36px | 32px |
.bux-ts-xl | $ts-xl | 2.5rem | 40px | 32px |
.bux-ts-xxl | $ts-xxl | 3rem | 48px | 32px |
.bux-ts-60 | $ts-60 | 3.75rem | 60px | 32px |