// Variables /////////////// // Sizes $max-width: 1400px; // 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; $screen-lg: 1200px; $screen-md: 992px; $screen-sm: 768px; // Spacing (Margins+Padding) $-xxxl: 64px; $-xxl: 48px; $-xl: 32px; $-l: 24px; $-m: 16px; $-s: 12px; $-xs: 6px; $-xxs: 3px; // Fonts $heading: 'Roboto', 'DejaVu Sans', Helvetica, Arial, sans-serif; $text: 'Roboto', 'DejaVu Sans', Helvetica, Arial, sans-serif; $fs-m: 15px; $fs-s: 14px; // Colours $primary: #0288D1; $primary-dark: #0288D1; $secondary: #e27b41; $positive: #52A256; $negative: #E84F4F; // Item Colors $color-book: #009688; $color-chapter: #ef7c3c; $color-page: $primary; // 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);