angular-cn/public/resources/css/_options.scss

86 lines
1.3 KiB
SCSS
Raw Normal View History

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;
$layer-10: 10;
2015-02-24 09:38:30 -05:00
/*
2015-02-25 10:15:46 -05:00
* Colors
2015-02-24 00:44:23 -05:00
*
* 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
2015-03-01 23:00:19 -05:00
$cactus: #8BC34A;
2015-02-24 00:44:23 -05:00
2015-03-04 08:21:10 -05:00
// YELLOW
$sunshine: #FFF59D;
// ORANGE
$sand: #FFF8E1;
$citrus: #FF8F00;
// RED COLORS
$peach: #ffebee;
$squid: #EF3872;
$cardinal: #E23237;
$ruby: #B52E31;
2015-02-24 00:44:23 -05:00
// BLUE COLORS
2015-03-04 08:21:10 -05:00
$light: #E3F2FD;
2015-02-24 00:44:23 -05:00
$sky: #0085D3;
$regal: #0273D4;
$blueberry: #0262C2;
$ocean: #0143A3;
2015-03-01 23:00:19 -05:00
//PURPLE
2015-03-03 02:14:05 -05:00
$grape: #9575CD;
2015-03-01 23:00:19 -05:00
2015-02-24 00:44:23 -05:00
// DARK GRAY COLORS
2015-02-25 10:15:46 -05:00
$coal: #000000;
$steel: #253238;
$silver: #36474F;
$platinum: #445A64;
$metal: #536E7A;
2015-02-26 09:45:32 -05:00
$tin: #8FA4AE;
2015-02-24 00:44:23 -05:00
// LIGHT GRAY COLORS
$cloud: #AFBEC5;
$fog: #CFD8DC;
$mist: #ECEFF1;
2015-03-04 10:13:59 -05:00
$snow: #FFFFFF;