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', Helvetica, Arial, sans-serif;
  31 $text: 'Roboto', 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);
  55
  56
  57 /* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 30, 2015 */
  58 @font-face {
  59   font-family: 'Roboto';
  60   src: url('/fonts/roboto-bold-webfont.eot');
  61   src: url('/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
  62   url('/fonts/roboto-bold-webfont.woff2') format('woff2'),
  63   url('/fonts/roboto-bold-webfont.woff') format('woff'),
  64   url('/fonts/roboto-bold-webfont.ttf') format('truetype'),
  65   url('/fonts/roboto-bold-webfont.svg#robotobold') format('svg');
  66   font-weight: bold;
  67   font-style: normal;
  68 }
  69
  70 @font-face {
  71   font-family: 'Roboto';
  72   src: url('/fonts/roboto-bolditalic-webfont.eot');
  73   src: url('/fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
  74   url('/fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
  75   url('/fonts/roboto-bolditalic-webfont.woff') format('woff'),
  76   url('/fonts/roboto-bolditalic-webfont.ttf') format('truetype'),
  77   url('/fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
  78   font-weight: bold;
  79   font-style: italic;
  80 }
  81
  82 @font-face {
  83   font-family: 'Roboto';
  84   src: url('/fonts/roboto-italic-webfont.eot');
  85   src: url('/fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
  86   url('/fonts/roboto-italic-webfont.woff2') format('woff2'),
  87   url('/fonts/roboto-italic-webfont.woff') format('woff'),
  88   url('/fonts/roboto-italic-webfont.ttf') format('truetype'),
  89   url('/fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
  90   font-weight: normal;
  91   font-style: italic;
  92 }
  93
  94 @font-face {
  95   font-family: 'Roboto';
  96   src: url('/fonts/roboto-light-webfont.eot');
  97   src: url('/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
  98   url('/fonts/roboto-light-webfont.woff2') format('woff2'),
  99   url('/fonts/roboto-light-webfont.woff') format('woff'),
 100   url('/fonts/roboto-light-webfont.ttf') format('truetype'),
 101   url('/fonts/roboto-light-webfont.svg#robotolight') format('svg');
 102   font-weight: 300;
 103   font-style: normal;
 104 }
 105
 106 @font-face {
 107   font-family: 'Roboto';
 108   src: url('/fonts/roboto-lightitalic-webfont.eot');
 109   src: url('/fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
 110   url('/fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
 111   url('/fonts/roboto-lightitalic-webfont.woff') format('woff'),
 112   url('/fonts/roboto-lightitalic-webfont.ttf') format('truetype'),
 113   url('/fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
 114   font-weight: 300;
 115   font-style: italic;
 116 }
 117
 118 @font-face {
 119   font-family: 'Roboto';
 120   src: url('/fonts/roboto-medium-webfont.eot');
 121   src: url('/fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
 122   url('/fonts/roboto-medium-webfont.woff2') format('woff2'),
 123   url('/fonts/roboto-medium-webfont.woff') format('woff'),
 124   url('/fonts/roboto-medium-webfont.ttf') format('truetype'),
 125   url('/fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
 126   font-weight: 500;
 127   font-style: normal;
 128 }
 129
 130 @font-face {
 131   font-family: 'Roboto';
 132   src: url('/fonts/roboto-mediumitalic-webfont.eot');
 133   src: url('/fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
 134   url('/fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),
 135   url('/fonts/roboto-mediumitalic-webfont.woff') format('woff'),
 136   url('/fonts/roboto-mediumitalic-webfont.ttf') format('truetype'),
 137   url('/fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
 138   font-weight: 500;
 139   font-style: italic;
 140 }
 141
 142 @font-face {
 143   font-family: 'Roboto';
 144   src: url('/fonts/roboto-regular-webfont.eot');
 145   src: url('/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
 146   url('/fonts/roboto-regular-webfont.woff2') format('woff2'),
 147   url('/fonts/roboto-regular-webfont.woff') format('woff'),
 148   url('/fonts/roboto-regular-webfont.ttf') format('truetype'),
 149   url('/fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
 150   font-weight: normal;
 151   font-style: normal;
 152 }