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

1 // Variables

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

4 // Screen breakpoints

5 $xxl: 1400px;

6 $xl: 1100px;

7 $l: 1000px;

8 $m: 880px;

9 $s: 600px;

10 $xs: 400px;

11 $xxs: 360px;

13 // List of screen sizes

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

16 // Spacing (Margins+Padding)

17 $-xxxl: 64px;

18 $-xxl: 48px;

19 $-xl: 32px;

20 $-l: 24px;

21 $-m: 16px;

22 $-s: 12px;

23 $-xs: 6px;

24 $-xxs: 3px;

26 // List of our spacing sizes

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

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", "Ubuntu Mono", Monaco, monospace;

35 $fs-m: 14px;

36 $fs-s: 12px;

38 // Colours

39 :root {

40 --color-primary: #206ea7;

41 --color-primary-light: rgba(32,110,167,0.15);

43 --color-page: #206ea7;

44 --color-page-draft: #7e50b1;

45 --color-chapter: #af4d0d;

46 --color-book: #077b70;

47 --color-bookshelf: #a94747;

48 }

50 $positive: #0f7d15;

51 $negative: #ab0f0e;

52 $info: #0288D1;

53 $warning: #cf4d03;

55 // Text colours

56 $text-dark: #444;

58 // Shadows

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

60 $bs-dark: 0 0 4px 1px rgba(0, 0, 0, 0.5);

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

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

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

64 $bs-card-dark: 0 1px 6px -1px rgba(0, 0, 0, 0.5);

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