2019-11-10 11:45:15 +00:00
|
|
|
// Colours
|
|
|
|
|
|
|
|
|
|
$black: #1d2022;
|
|
|
|
|
$white: #fff;
|
2020-02-25 12:35:02 +00:00
|
|
|
$grey-light: #ececec;
|
2020-02-21 11:44:13 +00:00
|
|
|
$turquoise: #0ddfe7;
|
|
|
|
|
$true-blue: #037fe4;
|
|
|
|
|
$highlight: $turquoise;
|
2019-11-10 11:45:15 +00:00
|
|
|
$highlight-darker: #0ac2c9;
|
|
|
|
|
|
2020-02-25 12:35:02 +00:00
|
|
|
$bg: $grey-light;
|
|
|
|
|
$text: $black;
|
2019-11-10 11:45:15 +00:00
|
|
|
|
|
|
|
|
// margin
|
|
|
|
|
|
|
|
|
|
$size-base: 4px;
|
|
|
|
|
$size-8: 8px;
|
|
|
|
|
$size-12: 12px;
|
|
|
|
|
$size-14: 14px;
|
|
|
|
|
$size-16: 16px;
|
2020-02-21 11:44:13 +00:00
|
|
|
$size-24: 24px;
|
2019-11-10 11:45:15 +00:00
|
|
|
$size-32: 32px;
|
|
|
|
|
$size-64: 64px;
|
|
|
|
|
$size-128: 128px;
|
|
|
|
|
$size-256: 256px;
|
|
|
|
|
$size-512: 512px;
|
|
|
|
|
$size-1028: 1028px;
|
|
|
|
|
|
|
|
|
|
// Typography
|
|
|
|
|
|
2020-02-25 12:35:02 +00:00
|
|
|
$font-title: 'SpaceMono', 'Courier New', Courier, monospace;
|
|
|
|
|
$font-logo: 'GlyphWorld Mountain', 'SpaceMono', 'Courier New', Courier, monospace;
|
2020-02-21 13:10:27 +00:00
|
|
|
$font: 'SpaceMono', 'Courier New', Courier, monospace;
|
2019-11-10 11:45:15 +00:00
|
|
|
|
|
|
|
|
// Responsive breakpoints
|
|
|
|
|
|
|
|
|
|
$breakpoint-tablet: 768px !default;
|
|
|
|
|
$breakpoint-desktop: 1024px !default;
|
|
|
|
|
$breakpoint-widescreen: 1440px !default;
|
