// *************************************
//
//   Settings
//   -> Fonts, Variables
//
// *************************************

// -------------------------------------
//   @font-face
// -------------------------------------

// ...

// -------------------------------------
//   Variables
// -------------------------------------

// ----- Base ----- //

$b-border: 2px solid lighten(#0053c9, 10%)
$b-borderRadius: 3px
$b-boxShadow: 0 1px 2px rgba(#222, 0.25)
$b-fontSize: 16px
$b-lineHeight: 1.5
$b-maxWidth: 61.25em
$b-whitespace: 1.25em

// ----- Colors ----- //

$c-background: #fff
$c-base: #222
$c-highlight: #0053c9
$c-invert: #fff
$c-subdue: #ccc

// ----- Fonts ----- //

$f-base: sans-serif
$f-header: sans-serif


// *************************************
//
//   Settings
//   -> Fonts, Variables
//
// *************************************

// -------------------------------------
//   @font-face
// -------------------------------------

// ...

// -------------------------------------
//   Variables
// -------------------------------------

// ----- Base ----- //

$b-borderColor: lighten(#0053c9, 10%)
$b-borderStyle: solid
$b-borderWidth: 2px
$b-border: $b-borderWidth $b-borderStyle $b-borderColor
$b-borderRadius: 3px
$b-boxShadow: 0 1px 2px rgba(#222, 0.25)
$b-fontSize: 16px
$b-lineHeight: 1.5
$b-maxWidth: 61.25em
$b-whitespace: 1.25em

// ----- Colors ----- //

$c-background: #fff
$c-base: #222
$c-highlight: #0053c9
$c-invert: #fff
$c-subdue: #ccc

// ----- Fonts ----- //

$f-base: sans-serif
$f-header: sans-serif


Split out the base border variables
Split out the base border variables

This creates the $b-border variable out of three separate variables for
the border width, style, and color, which makes it easier to modify the
borders used throughout the code.
