2020-08-17 21:05:18 +00:00
|
|
|
:root {
|
|
|
|
// Colours
|
|
|
|
--colour-black-graphite: #1d2022;
|
|
|
|
--colour-white: #fff;
|
|
|
|
|
|
|
|
--colour-grey-light: #ececec;
|
|
|
|
--colour-turquoise: #0ac2c9;
|
|
|
|
--colour-duckegg: #b3bbca;
|
|
|
|
|
|
|
|
--colour-true-blue: #037fe4;
|
|
|
|
--colour-highlight: var(--colour-turquoise, #0ac2c9);
|
|
|
|
--colour-highlight-darker: #06a1a7;
|
|
|
|
|
|
|
|
-colour-bg: var(--colour-grey-light);
|
|
|
|
-colour-text: var(--colour-black-graphite);
|
|
|
|
|
|
|
|
// margin
|
|
|
|
--size-base: 4px;
|
|
|
|
--size-8: 8px;
|
|
|
|
--size-12: 12px;
|
|
|
|
--size-14: 14px;
|
|
|
|
--size-16: 16px;
|
|
|
|
--size-24: 24px;
|
|
|
|
--size-32: 32px;
|
|
|
|
--size-64: 64px;
|
|
|
|
--size-128: 128px;
|
|
|
|
--size-256: 256px;
|
|
|
|
--size-512: 512px;
|
|
|
|
--size-1028: 1028px;
|
|
|
|
|
|
|
|
// Typography
|
|
|
|
--font-title: 'SpaceMono', 'Courier New', Courier, monospace;
|
|
|
|
--font-logo: 'GlyphWorld Mountain', 'SpaceMono', 'Courier New', Courier, monospace;
|
|
|
|
--font-body: '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;
|