2013-10-23 13:57:46 -04:00
|
|
|
// Blues
|
2013-09-16 05:19:07 -04:00
|
|
|
|
2013-10-23 13:57:46 -04:00
|
|
|
$blue-saturated-darker = #0B1316
|
|
|
|
|
$blue-saturated-dark = #0f2034
|
|
|
|
|
$blue-saturated = #192a47
|
|
|
|
|
$blue-saturated-light = #34465a
|
|
|
|
|
$blue-saturated-lighter = #6c7f95
|
2013-09-18 12:28:09 -04:00
|
|
|
|
2013-10-23 13:57:46 -04:00
|
|
|
$blue = #12acef
|
|
|
|
|
$blue-light = lighten($blue, 50%)
|
|
|
|
|
$blue-lighter = lighten($blue, 90%)
|
2013-09-18 12:28:09 -04:00
|
|
|
|
2013-10-23 13:57:46 -04:00
|
|
|
// Monochromatic
|
2013-09-18 12:28:09 -04:00
|
|
|
|
2013-10-23 13:57:46 -04:00
|
|
|
$gray-dark = #2d2d2d
|
|
|
|
|
$gray = #565656
|
|
|
|
|
$gray-light = #878787
|
|
|
|
|
$gray-lighter = #eeeeee
|
|
|
|
|
|
|
|
|
|
// Pinks
|
|
|
|
|
|
|
|
|
|
$pink = #ec008c
|
|
|
|
|
$pink-light = #f8bee0
|
|
|
|
|
$pink-lighter = #fce8f1
|
|
|
|
|
|
|
|
|
|
// Greens
|
|
|
|
|
|
|
|
|
|
$green = #43bb6e
|
|
|
|
|
$green-light = lighten($green, 70%)
|
|
|
|
|
$green-lighter = lighten($green, 94%)
|
|
|
|
|
|
|
|
|
|
// Reds
|
|
|
|
|
|
|
|
|
|
$red = #de0a32
|
|
|
|
|
$red-light = lighten($red, 80%)
|
|
|
|
|
$red-lighter = lighten($red, 97%)
|
|
|
|
|
|
|
|
|
|
// Orange
|
|
|
|
|
|
|
|
|
|
$orange = #f18902
|
|
|
|
|
$orange-light = lighten($orange, 50%)
|
|
|
|
|
$orange-lighter = lighten($orange, 85%)
|
|
|
|
|
|
|
|
|
|
// Font families
|
2013-09-16 05:19:07 -04:00
|
|
|
|
2013-10-23 11:15:02 -04:00
|
|
|
$font-family-gotham = 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif
|
2013-09-16 05:19:07 -04:00
|
|
|
|
2013-10-23 11:15:02 -04:00
|
|
|
// Font sizes
|
2013-09-16 05:19:07 -04:00
|
|
|
|
2013-10-23 11:15:02 -04:00
|
|
|
$font-size-large = 16px
|
|
|
|
|
$font-size-base = 14px
|
|
|
|
|
$font-size-small = 12px
|
2013-10-23 13:15:38 -04:00
|
|
|
$font-size-smaller = 10px
|
2013-10-23 11:15:02 -04:00
|
|
|
|
2013-10-25 05:53:19 -04:00
|
|
|
$font-size-h1 = 28px
|
|
|
|
|
$font-size-h2 = 22px
|
|
|
|
|
$font-size-h3 = 16px
|
|
|
|
|
$font-size-h4 = 12px
|
2013-10-23 11:15:02 -04:00
|
|
|
|
|
|
|
|
$line-height-base = 18px
|
|
|
|
|
$line-height-headings = 26px
|
|
|
|
|
|
2013-12-13 19:16:40 -05:00
|
|
|
$font-weight-bold = 800
|
