mirror of
https://github.com/adulau/brouilleursdeblanc.git
synced 2024-11-21 17:47:10 +00:00
46 lines
1.5 KiB
SCSS
46 lines
1.5 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;
|
|
|
|
$border-radius: 3px;
|
|
|
|
|
|
// 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 : #ddd;
|
|
$white : #fff;
|
|
$black : #000;
|
|
$accent-color : $black;
|
|
$link-color : #222;
|
|
|
|
$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)";
|