2015-03-04 10:13:59 -05:00
|
|
|
/*
|
|
|
|
* Typography
|
|
|
|
*
|
|
|
|
* Only the fonts listed below should be used throughout the site.
|
|
|
|
*/
|
|
|
|
|
|
|
|
$brand-font: 'Roboto', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
|
|
|
$mono-font: Monaco, "Lucida Console", monospace;
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Metrics
|
|
|
|
*
|
|
|
|
* Metrics based on material design 8pt unit
|
|
|
|
*/
|
|
|
|
|
|
|
|
$unit: 8px;
|
|
|
|
$phone-breakpoint: 480px;
|
2015-03-16 00:42:53 -04:00
|
|
|
$tablet-breakpoint: 800px;
|
2015-03-04 10:13:59 -05:00
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
* Layer Stacking
|
|
|
|
*
|
|
|
|
* The approved range that can be used for layering (z-indexes)
|
|
|
|
*/
|
|
|
|
|
|
|
|
$layer-1: 1;
|
|
|
|
$layer-2: 2;
|
|
|
|
$layer-3: 3;
|
|
|
|
$layer-4: 4;
|
|
|
|
$layer-5: 5;
|
|
|
|
$layer-6: 6;
|
|
|
|
$layer-7: 7;
|
|
|
|
$layer-8: 8;
|
|
|
|
$layer-9: 9;
|
2016-09-12 11:34:29 -04:00
|
|
|
$layer-10: 10;
|