-
$color-brand-blue
#114689
-
$color-brand-blue-dark
#041544
-
$color-brand-orange
#ba6333
To add to these items, use Sass variables that start with $color-brand-
in ./source/css/scss/abstracts/_variables.scss
-
$color-neutral-white
#fff
-
$color-neutral-gray-02
#f9f9f9
-
$color-neutral-gray-07
#eee
-
$color-neutral-gray-13
#ddd
-
$color-neutral-gray-27
#bbb
-
$color-neutral-gray-50
#808080
-
$color-neutral-gray-60
#666
-
$color-neutral-gray-73
#444
-
$color-neutral-gray-93
#131313
-
$color-neutral-black
#000
To add to these items, use Sass variables that start with $color-neutral-
in ./source/css/scss/abstracts/_variables.scss
-
$color-utility-info
#0192d0
-
$color-utility-info-light
#d3f2ff
-
$color-utility-error
#b12a0b
-
$color-utility-error-light
#fdded8
-
$color-utility-success
#03804d
-
$color-utility-success-light
#d4f3e6
-
$color-utility-warning
#a59b15
-
$color-utility-warning-light
#fffecf
To add to these items, use Sass variables that start with $color-utility-
in ./source/css/scss/abstracts/_variables.scss
- $font-family-primary: 'Raleway', "HelveticaNeue", "Helvetica", "Arial", sans-serif
- $font-family-secondary: 'Abel', serif
- $font-size-sm: 0.75rem
- $font-size-sm-2: 0.85rem
- $font-size-med: 1rem
- $font-size-med-2: 1.2rem
- $font-size-large: 2rem
- $font-size-xl: 3rem
- $font-size-xxl: 4rem