Introduction

Primary Color

  • bg-burgundy
    color-burgundy
  • bg-light-burgundy
    color-light-burgundy
  • bg-bg-burgundy
    color-bg-burgundy

Secondary Colors

  • bg-white
    color-white
  • bg-dark-grey
    color-dark-grey
  • bg-grey
    color-grey
  • bg-med-light-grey
    color-med-light-grey
  • bg-light-grey
    color-light-grey
  • bg-bg-grey
    color-bg-grey
  • bg-med-grey
    color-med-grey
  • bg-line-grey
    color-line-grey
  • bg-info
    color-info
  • bg-error
    color-error
  • bg-success
    color-success
  • bg-warning
    color-warning

Typography

font-latoRegular

font-latoBold

Layouts

Padding

  • p-xxs
  • p-xs
  • p-sm
  • p
  • p-md
  • p-lg
  • p-xl
  • p-n
  • p-l-none
  • p-l-xs
  • p-l-sm
  • p-l
  • p-l-md
  • p-l-lg
  • p-l-n-xxs
  • p-l-n-xs
  • p-l-n-sm
  • p-l-n
  • p-l-n-md
  • p-l-n-lg
  • p-l-n-xl
  • p-t-none
  • p-t-xxs
  • p-t-n-xs
  • p-t-n-sm
  • p-t-n
  • p-t-n-md
  • p-t-lg
  • p-t-xl
  • p-t-n-xxs
  • p-t-n-xs
  • p-t-n-sm
  • p-t-n
  • p-t-n-md
  • p-t-n-lg
  • p-t-n-xl
  • p-r-none
  • p-r-xxs
  • p-r-xs
  • p-r-sm
  • p-r
  • p-r-md
  • p-r-lg
  • p-r-xl
  • p-r-n-xxs
  • p-r-n-xs
  • p-r-n-sm
  • p-r-n
  • p-r-n-md
  • p-r-n-lg
  • p-r-n-xl
  • p-b-none
  • p-b-xxs
  • p-b-xs
  • p-b-sm
  • p-b
  • p-b-md
  • p-b-lg
  • p-b-xl
  • p-b-xxl
  • p-b-n-xxs
  • p-b-n-xs
  • p-b-n-sm
  • p-b-n
  • p-b-n-md
  • p-b-n-lg
  • p-b-n-xl

Margin

  • m-xxs
  • m-xs
  • m-sm
  • p
  • m-md
  • m-lg
  • m-xl
  • m-n
  • m-l-none
  • m-l-xs
  • m-l-sm
  • m-l
  • m-l-md
  • m-l-lg
  • m-l-n-xxs
  • m-l-n-xs
  • m-l-n-sm
  • m-l-n
  • m-l-n-md
  • m-l-n-lg
  • m-l-n-xl
  • m-t-none
  • m-t-xxs
  • m-t-n-xs
  • m-t-n-sm
  • m-t-n
  • m-t-n-md
  • m-t-lg
  • m-t-xl
  • m-t-n-xxs
  • m-t-n-xs
  • m-t-n-sm
  • m-t-n
  • m-t-n-md
  • m-t-n-lg
  • m-t-n-xl
  • m-r-none
  • m-r-xxs
  • m-r-xs
  • m-r-sm
  • m-r
  • m-r-md
  • m-r-lg
  • m-r-xl
  • m-r-n-xxs
  • m-r-n-xs
  • m-r-n-sm
  • m-r-n
  • m-r-n-md
  • m-r-n-lg
  • m-r-n-xl
  • m-b-none
  • m-b-xxs
  • m-b-xs
  • m-b-sm
  • m-b
  • m-b-md
  • m-b-lg
  • m-b-xl
  • m-b-xxl
  • m-b-n-xxs
  • m-b-n-xs
  • m-b-n-sm
  • m-b-n
  • m-b-n-md
  • m-b-n-lg
  • m-b-n-xl

Line Spacing

  • l-h-3x
  • l-h-2x
  • l-h-1x
  • l-h-xm
  • l-h-sm
  • l-h

Line Spacing