Pattern Library

Atoms

TODO: Describe what an atom is

Buttons

TODO: Describe what buttons are and how they are used in the application.

Examples





Code

<button type="button" class="button--primary">Primary</button>
<button type="button" class="button--secondary">Secondary</button>
<button type="button" class="button--primary button--large">Primary Large</button>
<button type="button" class="button--secondary button--large">Secondary Large</button>
<button type="button" class="button--primary button--small">Primary Small</button>
<button type="button" class="button--secondary button--small">Secondary Small</button>

Forms

TODO:

Examples

TODO:

Code


Headings

TODO:

Examples

TODO:

Code


Typography

Miscellaneous typographic styles within the app

Examples

strong

Code

<strong>strong</strong>

Colors

These are Colors in the Application

Examples

  • Red
  • #AC0023
  • $color-red
  • Green
  • #1E8339
  • $color-green
  • Yellow
  • #F5E93D
  • $color-yellow