BookStack Code Mirror - bookstack/blob - resources/assets/sass/

1 // Variables

2 ///////////////

4 // Sizes

5 $max-width: 1400px;

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;

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;

29 // Fonts

30 $heading: 'Roboto', 'DejaVu Sans', Helvetica, Arial, sans-serif;

31 $text: 'Roboto', 'DejaVu Sans', Helvetica, Arial, sans-serif;

32 $fs-m: 15px;

33 $fs-s: 14px;

35 // Colours

36 $primary: #0288D1;

37 $primary-dark: #0288D1;

38 $secondary: #e27b41;

39 $positive: #52A256;

40 $negative: #E84F4F;

41 $primary-faded: rgba(21, 101, 192, 0.15);

43 // Item Colors

44 $color-book: #009688;

45 $color-chapter: #ef7c3c;

46 $color-page: $primary;

48 // Text colours

49 $text-dark: #444;

50 $text-light: #EEE;

52 // Shadows

53 $bs-light: 0 0 4px 1px #CCC;

54 $bs-med: 0 1px 3px 1px rgba(76, 76, 76, 0.26);

55 $bs-hover: 0 2px 2px 1px rgba(0,0,0,.13);