brouilleursdeblanc/_sass/_variables.scss
Michael Rose 56494a09af Cleanup stylesheets
- Add Bourbon and Neat
2014-09-04 14:49:14 -04:00

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)";