56 lines
2.1 KiB
SCSS
56 lines
2.1 KiB
SCSS
// TYPOGRAPHY ================================================
|
|
$base-font : 'Open Sans', sans-serif;
|
|
$caption-font : $base-font;
|
|
$code-font : 'source-code-pro', monospace;
|
|
$alt-font : 'Roboto Slab', serif;
|
|
$heading-font : $alt-font;
|
|
|
|
$doc-font-size : 16;
|
|
$doc-line-height : 24;
|
|
|
|
$border-radius : 3px;
|
|
|
|
|
|
// set-up the body font-size / line-height
|
|
body {
|
|
margin-top: 0px + $doc-line-height;
|
|
font-size: 0px + $doc-font-size;
|
|
}
|
|
|
|
|
|
// Zcash Branding Colors ======================================
|
|
$primary-black : #2D2A26;
|
|
$primary-color : #CF8A00;
|
|
$primary-gray : #636569;
|
|
$primary-white : #ffffff;
|
|
$secondary-black : #000;
|
|
$secondary-color : #F5A800;
|
|
$secondary-gray : #D9D8D6;
|
|
|
|
|
|
// COLORS =====================================================
|
|
$body-color : $primary-white;
|
|
$text-color : $primary-black;
|
|
$base-color : $primary-black;
|
|
$comp-color : adjust-hue($base-color, 180); // Not sure about this
|
|
$border-color : $secondary-black;
|
|
$white : $primary-white ;
|
|
$black : $primary-black;
|
|
$accent-color : $secondary-black;
|
|
$link-color : $primary-gray;
|
|
|
|
$table-border-color : $border-color;
|
|
$table-border : 1px solid $table-border-color;
|
|
$table-background : $body-color;
|
|
$table-header-color : lighten($table-background, 10);
|
|
$table-hover-color : darken($table-background, 2);
|
|
$table-stripe-color : darken($table-background, 4);
|
|
$table-stripe-color-hover : darken($table-stripe-color, 5);
|
|
|
|
// MEDIA QUERIES ==============================================
|
|
$micro : "only screen and (min-width: 30em)";
|
|
$small : "only screen and (min-width: 37.5em)";
|
|
$medium : "only screen and (min-width: 48em)";
|
|
$large : "only screen and (min-width: 62em)";
|
|
$x-large : "only screen and (min-width: 86.375em)";
|