BookStack Code Mirror - bookstack/blob - resources/assets/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 $screen-sizes: (('xxs', $xxs), ('xs', $xs), ('s', $s), ('m', $m), ('l', $l), ('xl', $xl));
  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 $spacing: (('none', 0), ('xxs', $-xxs), ('xs', $-xs), ('s', $-s), ('m', $-m), ('l', $-l), ('xl', $-xl), ('xxl', $-xxl));
  30
  31 // Fonts
  32 $text: -apple-system, BlinkMacSystemFont,
  33 "Segoe UI", "Oxygen", "Ubuntu", "Roboto", "Cantarell",
  34 "Fira Sans", "Droid Sans", "Helvetica Neue",
  35 sans-serif;
  36 $mono: "Lucida Console", "DejaVu Sans Mono", "Ubunto Mono", Monaco, monospace;
  37 $heading: $text;
  38 $fs-m: 14px;
  39 $fs-s: 12px;
  40
  41 // Colours
  42 $primary: #0288D1;
  43 $primary-dark: #0288D1;
  44 $secondary: #e27b41;
  45 $positive: #52A256;
  46 $negative: #E84F4F;
  47 $info: $primary;
  48 $warning: $secondary;
  49 $primary-faded: rgba(21, 101, 192, 0.15);
  50
  51 // Item Colors
  52 $color-bookshelf: #af5a5a;
  53 $color-book: #009688;
  54 $color-chapter: #d7804a;
  55 $color-page: $primary;
  56 $color-page-draft: #9A60DA;
  57
  58 // Text colours
  59 $text-dark: #444;
  60 $text-light: #EEE;
  61
  62 // Shadows
  63 $bs-light: 0 0 4px 1px #CCC;
  64 $bs-med: 0 1px 3px 1px rgba(76, 76, 76, 0.26);
  65 $bs-card: 0 1px 6px -1px rgba(0, 0, 0, 0.1);
  66 $bs-hover: 0 2px 2px 1px rgba(0,0,0,.13);