2014-02-07 00:18:00 +00:00
|
|
|
|
|
|
|
|
//
|
|
|
|
|
// VARIABLES
|
|
|
|
|
//
|
|
|
|
|
|
|
|
|
|
// Colors
|
|
|
|
|
$blue: #4183C4;
|
|
|
|
|
|
|
|
|
|
// Grays
|
|
|
|
|
$black: #000;
|
|
|
|
|
$darkerGray: #222;
|
|
|
|
|
$darkGray: #333;
|
|
|
|
|
$gray: #666;
|
2014-02-13 01:42:49 +00:00
|
|
|
$lightGray: #aaa;
|
2014-02-07 00:18:00 +00:00
|
|
|
$lighterGray: #eee;
|
|
|
|
|
$white: #fff;
|
|
|
|
|
|
|
|
|
|
// Font stacks
|
|
|
|
|
$helvetica: Helvetica, Arial, sans-serif;
|
|
|
|
|
$helveticaNeue: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
|
|
|
$georgia: Georgia, serif;
|
|
|
|
|
|
|
|
|
|
// Breakpoints
|
|
|
|
|
$mobile-width: 520px !default;
|
|
|
|
|
|
|
|
|
|
// Mobile breakpoint
|
|
|
|
|
@mixin mobile {
|
|
|
|
|
@media screen and (max-width: $mobile-width) {
|
|
|
|
|
@content;
|
|
|
|
|
}
|
|
|
|
|
}
|
