Sizes

We use these size variables throughout our framework. These sizes are used in text size helpers, margin utilities, padding, and many more. The measurement for $size b is our base and we go up/down from there.

Rem Value	Pixel Value	SCSS Variable	Sample Class
3rem	48px	`$size-xxxl`	`.t-size-xxxl` `.has-xxxl-btm-marg`
2.5rem	40px	`$size-giant`	`.t-size-giant` `.has-giant-btm-marg`
2rem	32px	`$size-xxl`	`.t-size-xxl` `.has-xxl-btm-marg`
1.75rem	28px	`$size-xl`	`.t-size-xl` `.has-xl-btm-marg`
1.5rem	24px	`$size-l`	`.t-size-l` `.has-l-btm-marg`
1.2rem	19.2px	`$size-m`	`.t-size-m` `.has-m-btm-marg`
1.1rem	17.6px	`$size-b`	`.t-size-b` `.has-b-btm-marg`
.92rem	14.72px	`$size-s`	`.t-size-s` `.has-s-btm-marg`
.85rem	13.6px	`$size-xs`	`.t-size-xs` `.has-xs-btm-marg`
.7rem	11.2px	`$size-xxs`	`.t-size-xxs` `.has-xxs-btm-marg`
.55rem	8.8px	`$size-xxxs`	`.t-size-xxxs` `.has-xxxs-btm-marg`
.275rem	4.4px	`$size-tiny`	`.has-tiny-btm-marg`