2015-07-12 19:01:42 +00:00
|
|
|
// Variables
|
|
|
|
///////////////
|
|
|
|
|
|
|
|
// Screen breakpoints
|
2018-12-08 23:34:06 +00:00
|
|
|
$xxl: 1400px;
|
2015-07-12 19:01:42 +00:00
|
|
|
$xl: 1100px;
|
|
|
|
$ipad-width: 1028px; // Is actually 1024 but we go over to ensure functionality.
|
|
|
|
$l: 1000px;
|
2018-10-16 17:49:16 +00:00
|
|
|
$m: 880px;
|
2015-07-12 19:01:42 +00:00
|
|
|
$s: 600px;
|
|
|
|
$xs: 400px;
|
|
|
|
$xxs: 360px;
|
2015-09-03 15:51:10 +00:00
|
|
|
$screen-lg: 1200px;
|
2015-10-18 16:29:26 +00:00
|
|
|
$screen-md: 992px;
|
2015-09-03 15:51:10 +00:00
|
|
|
$screen-sm: 768px;
|
2015-07-12 19:01:42 +00:00
|
|
|
|
2019-04-07 08:57:48 +00:00
|
|
|
// List of screen sizes
|
2018-10-16 17:49:16 +00:00
|
|
|
$screen-sizes: (('xxs', $xxs), ('xs', $xs), ('s', $s), ('m', $m), ('l', $l), ('xl', $xl));
|
|
|
|
|
2015-07-12 19:01:42 +00:00
|
|
|
// Spacing (Margins+Padding)
|
|
|
|
$-xxxl: 64px;
|
|
|
|
$-xxl: 48px;
|
|
|
|
$-xl: 32px;
|
|
|
|
$-l: 24px;
|
|
|
|
$-m: 16px;
|
|
|
|
$-s: 12px;
|
|
|
|
$-xs: 6px;
|
|
|
|
$-xxs: 3px;
|
|
|
|
|
2019-04-07 08:57:48 +00:00
|
|
|
// List of our spacing sizes
|
2018-12-09 16:51:31 +00:00
|
|
|
$spacing: (('none', 0), ('xxs', $-xxs), ('xs', $-xs), ('s', $-s), ('m', $-m), ('l', $-l), ('xl', $-xl), ('xxl', $-xxl));
|
2018-10-16 17:49:16 +00:00
|
|
|
|
2015-07-12 19:01:42 +00:00
|
|
|
// Fonts
|
2017-08-19 13:33:55 +00:00
|
|
|
$text: -apple-system, BlinkMacSystemFont,
|
|
|
|
"Segoe UI", "Oxygen", "Ubuntu", "Roboto", "Cantarell",
|
|
|
|
"Fira Sans", "Droid Sans", "Helvetica Neue",
|
|
|
|
sans-serif;
|
|
|
|
$mono: "Lucida Console", "DejaVu Sans Mono", "Ubunto Mono", Monaco, monospace;
|
|
|
|
$heading: $text;
|
2018-12-01 16:29:57 +00:00
|
|
|
$fs-m: 14px;
|
|
|
|
$fs-s: 12px;
|
2015-07-12 19:01:42 +00:00
|
|
|
|
|
|
|
// Colours
|
2019-08-25 11:40:04 +00:00
|
|
|
:root {
|
2019-08-25 15:19:56 +00:00
|
|
|
--color-primary: '#206ea7';
|
|
|
|
--color-primary-light: 'rgba(32,110,167,0.15)';
|
2019-08-25 11:40:04 +00:00
|
|
|
}
|
2019-05-05 23:15:03 +00:00
|
|
|
$positive: #0f7d15;
|
|
|
|
$negative: #ab0f0e;
|
2019-08-25 11:40:04 +00:00
|
|
|
$info: #0288D1;
|
|
|
|
$warning: #cf4d03;
|
2015-07-12 19:01:42 +00:00
|
|
|
|
2015-08-31 10:43:28 +00:00
|
|
|
// Item Colors
|
2018-08-27 13:18:09 +00:00
|
|
|
$color-bookshelf: #af5a5a;
|
2015-08-31 10:43:28 +00:00
|
|
|
$color-book: #009688;
|
2018-12-01 16:29:57 +00:00
|
|
|
$color-chapter: #d7804a;
|
2019-08-25 15:19:56 +00:00
|
|
|
$color-page: #206ea7;
|
2016-03-13 12:04:08 +00:00
|
|
|
$color-page-draft: #9A60DA;
|
2015-08-31 10:43:28 +00:00
|
|
|
|
2015-07-12 19:01:42 +00:00
|
|
|
// Text colours
|
|
|
|
$text-dark: #444;
|
|
|
|
$text-light: #EEE;
|
|
|
|
|
|
|
|
// Shadows
|
|
|
|
$bs-light: 0 0 4px 1px #CCC;
|
|
|
|
$bs-med: 0 1px 3px 1px rgba(76, 76, 76, 0.26);
|
2019-05-05 23:15:03 +00:00
|
|
|
$bs-large: 0 1px 6px 1px rgba(22, 22, 22, 0.2);
|
2018-10-21 19:05:11 +00:00
|
|
|
$bs-card: 0 1px 6px -1px rgba(0, 0, 0, 0.1);
|
2017-09-03 15:37:51 +00:00
|
|
|
$bs-hover: 0 2px 2px 1px rgba(0,0,0,.13);
|