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

   1 // Variables
   2 ///////////////
   3
   4 // Screen breakpoints
   5 $xxl: 1400px;
   6 $xl: 1100px;
   7 $ipad-width: 1028px; // Is actually 1024 but we go over to ensure functionality.
   8 $l: 1000px;
   9 $m: 880px;
  10 $s: 600px;
  11 $xs: 400px;
  12 $xxs: 360px;
  13 $screen-lg: 1200px;
  14 $screen-md: 992px;
  15 $screen-sm: 768px;
  16
  17 // List of screen sizes
  18 $screen-sizes: (('xxs', $xxs), ('xs', $xs), ('s', $s), ('m', $m), ('l', $l), ('xl', $xl));
  19
  20 // Spacing (Margins+Padding)
  21 $-xxxl: 64px;
  22 $-xxl: 48px;
  23 $-xl: 32px;
  24 $-l: 24px;
  25 $-m: 16px;
  26 $-s: 12px;
  27 $-xs: 6px;
  28 $-xxs: 3px;
  29
  30 // List of our spacing sizes
  31 $spacing: (('none', 0), ('xxs', $-xxs), ('xs', $-xs), ('s', $-s), ('m', $-m), ('l', $-l), ('xl', $-xl), ('xxl', $-xxl));
  32
  33 // Fonts
  34 $text: -apple-system, BlinkMacSystemFont,
  35 "Segoe UI", "Oxygen", "Ubuntu", "Roboto", "Cantarell",
  36 "Fira Sans", "Droid Sans", "Helvetica Neue",
  37 sans-serif;
  38 $mono: "Lucida Console", "DejaVu Sans Mono", "Ubunto Mono", Monaco, monospace;
  39 $heading: $text;
  40 $fs-m: 14px;
  41 $fs-s: 12px;
  42
  43 // Colours
  44 :root {
  45   --color-primary: #206ea7;
  46   --color-primary-light: rgba(32,110,167,0.15);
  47
  48   --color-page: #206ea7;
  49   --color-page-draft: #7e50b1;
  50   --color-chapter: #af4d0d;
  51   --color-book: #077b70;
  52   --color-bookshelf: #a94747;
  53 }
  54
  55 $positive: #0f7d15;
  56 $negative: #ab0f0e;
  57 $info: #0288D1;
  58 $warning: #cf4d03;
  59
  60 // Text colours
  61 $text-dark: #444;
  62 $text-light: #EEE;
  63
  64 // Shadows
  65 $bs-light: 0 0 4px 1px #CCC;
  66 $bs-dark: 0 0 4px 1px rgba(0, 0, 0, 0.5);
  67 $bs-med: 0 1px 3px 1px rgba(76, 76, 76, 0.26);
  68 $bs-large: 0 1px 6px 1px rgba(22, 22, 22, 0.2);
  69 $bs-card: 0 1px 6px -1px rgba(0, 0, 0, 0.1);
  70 $bs-card-dark: 0 1px 6px -1px rgba(0, 0, 0, 0.5);
  71 $bs-hover: 0 2px 2px 1px rgba(0,0,0,.13);