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