Variables
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 -
$white
#ffffff -
$green-1
#106550 -
$green-2
#397f6e -
$green-3
#2a8271 -
$green-4
#c1d62f -
$orange
#fd8103 -
$gray-1
#464545 -
$gray-2
#5e5c5c -
$gray-3
#f8f8f8 -
$blue
#3bb4e8 -
$red-1
#ff0000 -
$red-2
#ffebeb
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 'Helvetica Neue'
Timers
- $fastest-timer 100ms
- $fast-timer 200ms
- $normal-timer 400ms
- $slow-timer 600ms
- $slowest-timer 800ms