-
-
Notifications
You must be signed in to change notification settings - Fork 104
/
variables.css
61 lines (48 loc) · 1.51 KB
/
variables.css
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
:root {
/* Colors */
--color-background: white;
--color-text: #333;
--color-text-muted: #777;
--color-border: #eee;
--color-primary: hsl(210, 70%, 50%);
--color-background-faded: #f2f2f2;
--color-background-aside: #fafafa;
--color-background-code: #f2f2f2;
--box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
/* Layout */
--height-header: 3rem;
--width-toc: 15rem;
/* Typography */
--font-size: 16px;
--font-size-small: 85%;
--line-height: 1.5;
--line-height-small: 1.25;
--font-weight-bold: 600;
/* Safari for OS X and iOS (San Francisco) */
/* Chrome for OS X (San Francisco) */
/* Chinese font for OSX and iOS */
/* Android */
/* Windows */
/* Chinese font for Windows */
/* Linux */
/* Basic web fallback */
/* Emoji */
--font-family: '-apple-system', 'BlinkMacSystemFont', 'Hiragino Sans GB', 'Roboto', 'Segoe UI', 'Microsoft Yahei',
'微软雅黑', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica', 'Arial', 'STHeiti', sans-serif, 'Apple Color Emoji',
'Segoe UI Emoji', 'Segoe UI Symbol';
--font-family-monospace: 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
/* Others */
--opacity: 0.7;
--transition-duration: 0.3s;
}
html.is_dark {
--color-background: #222;
--color-text: #aaa;
--color-text-muted: #777;
--color-border: #333;
--color-primary: hsl(210, 60%, 60%);
--color-background-faded: #111;
--color-background-aside: #1a1a1a;
--color-background-code: #333;
--box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.8);
}