Text alignment

text-center--mobile to center align text on mobile only

Padding / margins

Allowed spacing values:

xxxs
xxs
xs
s
m
l
xl
xxl
xxxl
0

These values can be applied in any direction (top, right, bottom, left), examples:

margin-bottom-xs

margin-left-m

margin-bottom-0

padding-top-xl

padding-bottom-0

Diamond Images

Can change diamond color by adding class like the following

has-{color}-background-color

Colors can be:

• orange
• slate
• smoke
• sky-blue
• light-blue
• white
• gray-100
• gray-200
• gray-300
• …
• gray-900
• black
• also some others such as…
• succecss
• info
• warning
• error
• light
• medium
• dark
• heading
• text
• border
• background
• muted