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 -
$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
Bag
(<% quantity %>)We're sorry, we're not able to retrieve this information at the moment, please try back later