Eberhard Graether
c4ef18fb6d
The README contains the commands for building the blog in all different configurations.
50 lines
1.3 KiB
SCSS
50 lines
1.3 KiB
SCSS
// Page
|
|
// --------------------------------------------------
|
|
|
|
$feature-image-height: 350px; // min 150px recommended
|
|
$front-page-feature-image-height: 400px; // min 150px recommended
|
|
|
|
// Typography
|
|
// --------------------------------------------------
|
|
|
|
$base-font: 'Lato', Calibri, Arial, sans-serif;
|
|
$heading-font: $base-font;
|
|
$caption-font: $base-font;
|
|
$code-font: monospace;
|
|
$alt-font: serif;
|
|
|
|
$doc-font-size: 16;
|
|
$doc-line-height: 26;
|
|
|
|
|
|
// set-up the body font-size / line-height
|
|
body {
|
|
margin-top: 0px + $doc-line-height;
|
|
font-size: 0px + $doc-font-size;
|
|
}
|
|
|
|
|
|
// Colors
|
|
// --------------------------------------------------
|
|
$base-color : rgba(#222,0.8);
|
|
$body-color : #EDEDED;
|
|
$text-color : rgba(#222,0.8);
|
|
$comp-color : complement(#222);
|
|
$border-color : lighten($base-color,60);
|
|
$white : #fff;
|
|
$black : #000;
|
|
$link-color : rgba(#222,0.8);
|
|
|
|
$primary : #222;
|
|
$success : #5cb85c;
|
|
$warning : #dd8338;
|
|
$danger : #C64537;
|
|
$info : #308cbc;
|
|
|
|
|
|
// Screen Size
|
|
// --------------------------------------------------
|
|
|
|
$small : "only screen and (min-width: 30em)";
|
|
$medium : "only screen and (min-width: 48em)";
|
|
$large : "only screen and (min-width: 62.5em)"; |