utilities
Classes
General principles
full property name then "--" and fixed or variable values
convention: xs, sm, md, lg, xl
Property
Selectors
font-size
font-size--xs
font-size--sm
font-size--md
font-size--lg
font-size--xl
font-size--xxl
font-size--xxxl
display
display--block
display--inline
display--inline-block
display--none
Padding & Margin
Selector
Declaration
padding--xxl
padding: 2.827rem;
padding--xl
padding: 1.999rem;
padding--lg
padding: 1.414rem;
padding--md
padding: 1rem;
padding--sm
padding: 0.707rem;
padding--xs
padding: 0.5rem;