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

• $blue-1
  #1c57ff

• $gray-1
  #fafafa

• $gray-2
  #f5f5f5

• $gray-3
  #f1f1f1

• $gray-4
  #d6d6d6

• $gray-5
  #c9c9c9

• $gray-6
  #999999

• $gray-7
  #dfdfdf

• $gray-8
  #9b9b9b

• $gray-9
  ##cccccc

• $gray-10
  #bbbbbb

• $gray-11
  #dfdfdf

• $gray-12
  #999999

• $gray-13
  #777777

• $gray-14
  #e3e3e3

• $green-1
  #5a754f

• $green-2
  #809e96

• $red-1
  #db1e34

• $red-2
  #ea2750

• $red-3
  #ffebeb

• $red-4
  #dd0330

• $orange-1
  #f19e6b

• $white
  #fff

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.

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

Paths

• $svg-sprite-dir "assets/"

Text

• $primary-font 'DIN'
• $secondary-font 'DINStdCondensedBold'

Timers

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