2015-02-24 09:38:30 -05:00
|
|
|
/*
|
|
|
|
|
* Typographic Variables
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
$brand-font: 'Roboto', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
|
|
|
|
$mono-font: Monaco, "Lucida Console", monospace;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
* Metric Variables
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
$unit: 8px;
|
|
|
|
|
|
|
|
|
|
|
2015-02-24 00:44:23 -05:00
|
|
|
/*
|
|
|
|
|
* Color Variables
|
|
|
|
|
*
|
|
|
|
|
* Colors are ordered from light to dark (top to bottom).
|
|
|
|
|
* Do not use hex codes directly in other Sass files. The
|
|
|
|
|
* following colors are the only approved colors for this site.
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
// GREEN COLORS
|
|
|
|
|
$cactus: #61BC67;
|
|
|
|
|
|
|
|
|
|
// BLUE COLORS
|
|
|
|
|
$sky: #0085D3;
|
|
|
|
|
$regal: #0273D4;
|
|
|
|
|
$blueberry: #0262C2;
|
|
|
|
|
$ocean: #0143A3;
|
|
|
|
|
|
|
|
|
|
// RED COLORS
|
|
|
|
|
$squid: #EF3872;
|
|
|
|
|
$cardinal: #E23237;
|
|
|
|
|
$ruby: #B52E31;
|
|
|
|
|
|
|
|
|
|
// DARK GRAY COLORS
|
|
|
|
|
$charcoal: #000000;
|
|
|
|
|
$steel: #36474F;
|
|
|
|
|
$silver: #445A64;
|
|
|
|
|
$platinum: #536E7A;
|
|
|
|
|
|
|
|
|
|
// LIGHT GRAY COLORS
|
|
|
|
|
$cloud: #AFBEC5;
|
|
|
|
|
$fog: #CFD8DC;
|
|
|
|
|
$mist: #ECEFF1;
|
2015-02-24 09:38:30 -05:00
|
|
|
$snow: #FFFFFF;
|
|
|
|
|
|
|
|
|
|
|
