Skip to main content

Type Size

Component status:Ready
A set of global type size values that can be applied via utility classes or as Sass Variables.
ClassSass VariablerempxMobile
.bux-ts-xs$ts-xs0.75rem12px12px
.bux-ts-sm$ts-sm0.875rem14px14px
.bux-ts-base$ts-base1rem16px16px
.bux-ts-18$ts-181.125rem18px18px
.bux-ts-20$ts-201.25rem20px20px
.bux-ts-22$ts-221.375rem22px22px
.bux-ts-md$ts-md1.5rem24px24px
.bux-ts-28$ts-281.75rem28px28px
.bux-ts-lg$ts-lg2rem32px32px
.bux-ts-36$ts-362.25rem36px36px
.bux-ts-xl$ts-xl2.5rem40px40px
.bux-ts-xxl$ts-xxl3rem48px48px
.bux-ts-60$ts-603.75rem60px60px