mirror of
https://github.com/adulau/brouilleursdeblanc.git
synced 2024-11-07 12:06:26 +00:00
37 lines
1.1 KiB
SCSS
37 lines
1.1 KiB
SCSS
|
// TYPOGRAPHY ================================================
|
||
|
|
$base-font: 'source-sans-pro', sans-serif;
|
||
|
|
$heading-font: $base-font;
|
||
|
|
$caption-font: $base-font;
|
||
|
|
$code-font: 'source-code-pro', monospace;
|
||
|
|
$alt-font: 'volkhov', serif;
|
||
|
|
|
||
|
|
$doc-font-size: 16;
|
||
|
|
$doc-line-height: 24;
|
||
|
|
|
||
|
|
|
||
|
|
// set-up the body font-size / line-height
|
||
|
|
body {
|
||
|
|
margin-top: 0px + $doc-line-height;
|
||
|
|
font-size: 0px + $doc-font-size;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// COLORS =====================================================
|
||
|
|
$body-color : #fff;
|
||
|
|
$text-color : #222;
|
||
|
|
$base-color : #343434;
|
||
|
|
$comp-color : spin($base-color, 180);
|
||
|
|
$border-color : $base-color;
|
||
|
|
$white : #fff;
|
||
|
|
$black : #000;
|
||
|
|
$accent-color : $black;
|
||
|
|
$link-color : #222;
|
||
|
|
|
||
|
|
|
||
|
|
// 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)";
|