Breakpoints

• $break-smallest-phone 374px
• $break-smaller-phone 413px
• $break-phone 480px
• $break-tablet 767px
• $break-tablet-portrait 979px
• $break-desktop 1024px
• $break-large 1280px
• $break-huge 1400px

Colors

• $black
  #000000

• $gray-1
  #464545

• $gray-2
  #5e5c5c

• $gray-3
  #f6f8f9

• $gray-4
  #999

• $gray-5
  #ccc

• $gray-6
  #4a4a4a

• $gray-7
  #9b9b9b

• $gray-8
  #e2e2e2

• $gray-9
  #d8d8d8

• $gray-10
  #979797

• $gray-11
  #f7f7f7

• $gray-12
  rgba(226,232,241,0.30)

• $gray-13
  #a4a4a4

• $gray-14
  #fbfbfb

• $purple-1
  #181848

• $purple-2
  #181549

• $purple-3
  #2A2755

• $purple-4
  #191648

• $blue-1
  #194f90

• $blue-2
  #3b5998

• $blue-3
  #9cb7d4

• $blue-4
  #00aced

• $green-1
  #2e8b57

• $pink-1
  #e91d24

• $offwhite
  #f9fafc

• $white
  #ffffff

Easing

• $ease-1 ease-in-out
• $ease-2 cubic-bezier(.75,.02,.5,.99)

Font Weight

Classes fw-light, fw-normal, and fw-bold available.

• $normal 400
• $medium 500
• $bold 700

Paths

• $svg-sprite-dir "assets/"

Text

• $primary-font 'Montserrat'
• $secondary-font 'GT Sectra'

Timers

• $fastest-timer 100ms
• $fast-timer 200ms
• $normal-timer 400ms
• $slow-timer 600ms
• $slowest-timer 800ms