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

1 // Variables

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

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;

17 // List of screen sizes

18 $screen-sizes: (('xxs', $xxs), ('xs', $xs), ('s', $s), ('m', $m), ('l', $l), ('xl', $xl));

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;

30 // List of our spacing sizes

31 $spacing: (('none', 0), ('xxs', $-xxs), ('xs', $-xs), ('s', $-s), ('m', $-m), ('l', $-l), ('xl', $-xl), ('xxl', $-xxl));

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;

43 // Colours

44 $primary: #0288D1;

45 $primary-dark: #0288D1;

46 $secondary: #cf4d03;

47 $positive: #0f7d15;

48 $negative: #ab0f0e;

49 $info: $primary;

50 $warning: $secondary;

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

53 // Item Colors

54 $color-bookshelf: #af5a5a;

55 $color-book: #009688;

56 $color-chapter: #d7804a;

57 $color-page: $primary;

58 $color-page-draft: #9A60DA;

60 // Text colours

61 $text-dark: #444;

62 $text-light: #EEE;

64 // Shadows

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

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

67 $bs-large: 0 1px 6px 1px rgba(22, 22, 22, 0.2);

68 $bs-card: 0 1px 6px -1px rgba(0, 0, 0, 0.1);

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