Styleguide

All styles available, and links to the Bootstrap docs.

Functional colors


Primary
Secondary
Success
Danger (=Error)
Warning
Info
Light
Dark

Grayscale


gray-100
gray-200
gray-300
gray-400
gray-500
gray-600
gray-700
gray-800
gray-900

Buttons


Dark button White Button

Spacings


Reference
ms-1 = margin-left-1 = actual spacing is 4px
Reference
ms-2 = margin-left-2 = actual spacing is 8px
Reference
m-3 = margin-left-3 = actual spacing is 16px
Reference
ms-4 = margin-left-4 = actual spacing is 24px
Reference
ms-5 = margin-left-5 = actual spacing is 48px

Typography


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

A simple paragraph with text. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eius iure sapiente, ab ea aliquid minima animi maxime incidunt accusantium, sunt cupiditate soluta perferendis deleniti vitae commodi ratione fugiat ut quidem.