2017-03-06 16:06:16 -06:00
|
|
|
// Breakpoints Minimum Resolution
|
|
|
|
$tablet: 48em; // tablet
|
|
|
|
$desktop: 64em; // desktop
|
|
|
|
|
2017-05-02 14:04:13 -05:00
|
|
|
$gutter: 32px;
|
|
|
|
|
|
|
|
$progressbar-height: $gutter * 2;
|
|
|
|
|
2017-03-06 16:06:16 -06:00
|
|
|
$heading-font-face: 'HalisR', sans-serif;
|
|
|
|
$primary-font-face: 'Lato', sans-serif;
|
|
|
|
|
2017-05-02 14:04:13 -05:00
|
|
|
//colors
|
|
|
|
$pd-red: #ef0734;
|
|
|
|
$pd-yellow: #fff200;
|
|
|
|
$pd-green: #2ab68f;
|
|
|
|
|
2017-03-06 16:06:16 -06:00
|
|
|
$black: #000;
|
2017-05-02 14:04:13 -05:00
|
|
|
$dark-grey: #202526;
|
|
|
|
$grey: lighten($dark-grey, 31%);
|
2017-03-06 16:06:16 -06:00
|
|
|
$white: #fff;
|
|
|
|
|
2017-05-02 14:04:13 -05:00
|
|
|
$turquoise: #39bd9a;
|
|
|
|
|
|
|
|
$primary-color: $dark-grey;
|
|
|
|
$secondary-color: $grey;
|
|
|
|
$accent-color-1: $pd-red;
|
|
|
|
$accent-color-2: $pd-yellow;
|
|
|
|
$accent-color-3: $pd-green;
|