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">Button</button>
<button type="button" class="button button--small">Button Small</button>
<button type="button" class="button button--large">Button Large</button>
<button type="button" class="button button--primary">Button Primary</button>
<button type="button" class="button button--accent">Button Accent</button>
<button type="button" class="button button--small button--primary">Button Small Primary</button>
<button type="button" class="button button--large button--primary">Button Large Primary</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
  • color-black
  • #000
  • $_color-black
  • Yellow
  • #F5E93D
  • $color-yellow