BookStack Code Mirror - bookstack/blob - resources/assets/sass/_variables.scss

   1 // Variables
   2 ///////////////
   3
   4 // Sizes
   5 $max-width: 1400px;
   6
   7 // Screen breakpoints
   8 $xl: 1100px;
   9 $ipad-width: 1028px; // Is actually 1024 but we go over to ensure functionality.
  10 $l: 1000px;
  11 $m: 800px;
  12 $s: 600px;
  13 $xs: 400px;
  14 $xxs: 360px;
  15 $screen-lg: 1200px;
  16 $screen-md: 992px;
  17 $screen-sm: 768px;
  18
  19 // Spacing (Margins+Padding)
  20 $-xxxl: 64px;
  21 $-xxl: 48px;
  22 $-xl: 32px;
  23 $-l: 24px;
  24 $-m: 16px;
  25 $-s: 12px;
  26 $-xs: 6px;
  27 $-xxs: 3px;
  28
  29 // Fonts
  30 $heading:  'Roboto', 'DejaVu Sans', Helvetica,  Arial, sans-serif;
  31 $text: 'Roboto', 'DejaVu Sans', Helvetica,  Arial, sans-serif;
  32 $fs-m: 15px;
  33 $fs-s: 14px;
  34
  35 // Colours
  36 $primary: #0288D1;
  37 $primary-dark: #0288D1;
  38 $secondary: #e27b41;
  39 $positive: #52A256;
  40 $negative: #E84F4F;
  41
  42 // Item Colors
  43 $color-book: #009688;
  44 $color-chapter: #ef7c3c;
  45 $color-page: $primary;
  46
  47 // Text colours
  48 $text-dark: #444;
  49 $text-light: #EEE;
  50
  51 // Shadows
  52 $bs-light: 0 0 4px 1px #CCC;
  53 $bs-med: 0 1px 3px 1px rgba(76, 76, 76, 0.26);
  54 $bs-hover: 0 2px 2px 1px rgba(0,0,0,.13);