diff options
Diffstat (limited to 'assets/css/_vars.scss')
-rw-r--r-- | assets/css/_vars.scss | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss new file mode 100644 index 0000000..a29ad6d --- /dev/null +++ b/assets/css/_vars.scss | |||
@@ -0,0 +1,43 @@ | |||
1 | $font-size: 17px; | ||
2 | $heading-font-size: $font-size + 1; | ||
3 | $code-block-font-size: $font-size; | ||
4 | $line-height: 1.5; | ||
5 | $code-block-line-height: 1.4; | ||
6 | |||
7 | $page-item-prefix-max-chars: 3ch; | ||
8 | $page-item-prefix-pad: 2ch; | ||
9 | $page-item-prefix-width: $page-item-prefix-max-chars + $page-item-prefix-pad; | ||
10 | |||
11 | $subcontent-indent: 4ch; | ||
12 | |||
13 | $breakpoint-sm: 700px; | ||
14 | |||
15 | :root { | ||
16 | --gray1: hsl(270, 0%, 9.7%); | ||
17 | --gray2: hsl(270, 1%, 29%); | ||
18 | --gray3: hsl(270, 2%, 54%); | ||
19 | --gray4: hsl(270, 2%, 73%); | ||
20 | --gray5: hsl(270, 2%, 83%); | ||
21 | --gray6: hsl(270, 2%, 100%); | ||
22 | |||
23 | --bg: var(--gray1); | ||
24 | --bg-plus: var(--gray2); | ||
25 | --fg-minus: var(--gray3); | ||
26 | --fg: var(--gray4); | ||
27 | --fg-plus: var(--gray6); | ||
28 | |||
29 | --select-bg: hsla(270, 2%, 100%, 0.996); | ||
30 | --select-fg: var(--gray1); | ||
31 | |||
32 | --code-fg: var(--fg-minus); | ||
33 | --code-block-fg: var(--fg-minus); | ||
34 | |||
35 | --page-item-prefix-fg: var(--fg-minus); | ||
36 | |||
37 | --link-idle-fg: var(--gray6); //#90acf2; //var(--gray6); | ||
38 | --link-visited-fg: var(--gray5); //#bc9df2; //var(--gray5); | ||
39 | --link-hover-bg: var(--gray6); | ||
40 | --link-hover-fg: var(--gray1); | ||
41 | |||
42 | --heading: var(--fg-plus); | ||
43 | } | ||