All

All

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