Whimsicali Display Unit

$44.50

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

pp.js

Bag

(<% quantity %>)

<% freeShippingQualified %> <% cart.currency | currencySymbol %><% parseFloat(freeShippingThreshold) - parseFloat(cart.total_price) | currencydecimal %> <% freeShippingText %>

We're sorry, we're not able to retrieve this information at the moment, please try back later

Your Bag is Empty

Loading...

<% lineItem.title | strippedContent %>

<% option.name %>: <% option.value %>

Price: <% cart.currency | currencySymbol %><% lineItem.discounted_price * lineItem.quantity | currencydecimal %> <% cart.currency | currencySymbol %><% lineItem.price * lineItem.quantity | currencydecimal %>

Quantity:

<% lineItem.properties | formatRecharge %>