roachhd/roachhd.github.io

/*------------------------------------*\
    $VARS
\*------------------------------------*/
/**
 * Set up project-specific variables here which are then used throughout your
 * build. These variables are automatically picked up by inuit.css so you should
 * never need to modify any framework code.
 */


// Base stuff
$base-font-size:    12;
$base-line-height:  18;


// Assign our `$base-line-height` to a new spacing var for more transparency.
$base-spacing-unit: $base-line-height;
$half-spacing-unit: $base-spacing-unit / 2;


// Font-sizes (in pixels). Refer to relevant sections for their implementations.
$giga-size:         96;
$mega-size:         72;
$kilo-size:         48;


$h1-size:           36;
$h2-size:           30;
$h3-size:           22;
$h4-size:           18;
$h5-size:           16;
$h6-size:           14;


$milli-size:        12;
$micro-size:        10;


// Brand stuff
$brand-color:       #f43059;
$brand-face:        "Helvetica Neue", sans-serif;


// Supply a full code font-stack to combat this: jsfiddle.net/csswizardry/uD6UW
$code-face:         Inconsolata, Monaco, Consolas, "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;