2015-07-13 03:01:42 +08:00
|
|
|
// Variables
|
|
|
|
|
///////////////
|
|
|
|
|
|
|
|
|
|
// Sizes
|
2015-08-31 00:53:30 +08:00
|
|
|
$max-width: 1400px;
|
2015-07-13 03:01:42 +08:00
|
|
|
|
|
|
|
|
// Screen breakpoints
|
|
|
|
|
$xl: 1100px;
|
|
|
|
|
$ipad-width: 1028px; // Is actually 1024 but we go over to ensure functionality.
|
|
|
|
|
$l: 1000px;
|
|
|
|
|
$m: 800px;
|
|
|
|
|
$s: 600px;
|
|
|
|
|
$xs: 400px;
|
|
|
|
|
$xxs: 360px;
|
2015-09-03 23:51:10 +08:00
|
|
|
$screen-lg: 1200px;
|
2015-10-19 00:29:26 +08:00
|
|
|
$screen-md: 992px;
|
2015-09-03 23:51:10 +08:00
|
|
|
$screen-sm: 768px;
|
2015-07-13 03:01:42 +08:00
|
|
|
|
|
|
|
|
// Spacing (Margins+Padding)
|
|
|
|
|
$-xxxl: 64px;
|
|
|
|
|
$-xxl: 48px;
|
|
|
|
|
$-xl: 32px;
|
|
|
|
|
$-l: 24px;
|
|
|
|
|
$-m: 16px;
|
|
|
|
|
$-s: 12px;
|
|
|
|
|
$-xs: 6px;
|
|
|
|
|
$-xxs: 3px;
|
|
|
|
|
|
|
|
|
|
// Fonts
|
2016-02-01 01:53:30 +08:00
|
|
|
$heading: 'Roboto', 'DejaVu Sans', Helvetica, Arial, sans-serif;
|
|
|
|
|
$text: 'Roboto', 'DejaVu Sans', Helvetica, Arial, sans-serif;
|
2015-08-31 00:53:30 +08:00
|
|
|
$fs-m: 15px;
|
2015-07-13 03:01:42 +08:00
|
|
|
$fs-s: 14px;
|
|
|
|
|
|
|
|
|
|
// Colours
|
2015-08-31 00:53:30 +08:00
|
|
|
$primary: #0288D1;
|
|
|
|
|
$primary-dark: #0288D1;
|
2015-07-13 03:01:42 +08:00
|
|
|
$secondary: #e27b41;
|
2015-08-31 00:53:30 +08:00
|
|
|
$positive: #52A256;
|
2015-09-05 03:40:36 +08:00
|
|
|
$negative: #E84F4F;
|
2016-03-12 23:52:19 +08:00
|
|
|
$warning: $secondary;
|
2016-02-12 06:23:19 +08:00
|
|
|
$primary-faded: rgba(21, 101, 192, 0.15);
|
2015-07-13 03:01:42 +08:00
|
|
|
|
2015-08-31 18:43:28 +08:00
|
|
|
// Item Colors
|
|
|
|
|
$color-book: #009688;
|
2015-09-04 02:05:45 +08:00
|
|
|
$color-chapter: #ef7c3c;
|
2015-08-31 18:43:28 +08:00
|
|
|
$color-page: $primary;
|
2016-03-13 20:04:08 +08:00
|
|
|
$color-page-draft: #9A60DA;
|
2015-08-31 18:43:28 +08:00
|
|
|
|
2015-07-13 03:01:42 +08: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);
|
|
|
|
|
$bs-hover: 0 2px 2px 1px rgba(0,0,0,.13);
|
