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

   1 // Variables
   2 ///////////////
   3
   4 // Sizes
   5 $max-width: 1100px;
   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
  16 // Spacing (Margins+Padding)
  17 $-xxxl: 64px;
  18 $-xxl: 48px;
  19 $-xl: 32px;
  20 $-l: 24px;
  21 $-m: 16px;
  22 $-s: 12px;
  23 $-xs: 6px;
  24 $-xxs: 3px;
  25
  26 // Fonts
  27 $heading:  'Roboto', Helvetica, Arial, sans-serif;
  28 $text: 'Roboto', Helvetica, Arial, sans-serif;
  29 $fs-m: 16px;
  30 $fs-s: 14px;
  31
  32 // Colours
  33 $primary: #1c77c1;
  34 $secondary: #e27b41;
  35 $positive: #409945;
  36 $negative: #D35252;
  37
  38 // Text colours
  39 $text-dark: #444;
  40 $text-light: #EEE;
  41
  42 // Shadows
  43 $bs-light: 0 0 4px 1px #CCC;
  44 $bs-med: 0 1px 3px 1px rgba(76, 76, 76, 0.26);
  45 $bs-hover: 0 2px 2px 1px rgba(0,0,0,.13);