1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
$font-size: 17px;
$heading-font-size: $font-size + 1;
$code-block-font-size: $font-size;
$line-height: 1.5;
$code-block-line-height: 1.4;
$page-item-prefix-max-chars: 3ch;
$page-item-prefix-pad: 2ch;
$page-item-prefix-width: $page-item-prefix-max-chars + $page-item-prefix-pad;
$subcontent-indent: 4ch;
$breakpoint-sm: 700px;
:root {
--gray1: hsl(270, 0%, 9.7%);
--gray2: hsl(270, 1%, 29%);
--gray3: hsl(270, 2%, 54%);
--gray4: hsl(270, 2%, 73%);
--gray5: hsl(270, 2%, 83%);
--gray6: hsl(270, 2%, 100%);
--bg: var(--gray1);
--bg-plus: var(--gray2);
--fg-minus: var(--gray3);
--fg: var(--gray4);
--fg-plus: var(--gray6);
--select-bg: hsla(270, 2%, 100%, 0.996);
--select-fg: var(--gray1);
--code-fg: var(--fg-minus);
--code-block-fg: var(--fg-minus);
--page-item-prefix-fg: var(--fg-minus);
--link-idle-fg: var(--gray6); //#90acf2; //var(--gray6);
--link-visited-fg: var(--gray5); //#bc9df2; //var(--gray5);
--link-hover-bg: var(--gray6);
--link-hover-fg: var(--gray1);
--heading: var(--fg-plus);
}
|