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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
| @import 'common/var';
|
| body {
| font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
| font-weight: 400;
| font-size: $--font-size-base;
| color: $--color-black;
| -webkit-font-smoothing: antialiased;
| }
|
| a {
| color: $--color-primary;
| text-decoration: none;
|
| &:hover,
| &:focus {
| color: mix($--color-white, $--color-primary, $--button-hover-tint-percent);
| }
|
| &:active {
| color: mix($--color-black, $--color-primary, $--button-active-shade-percent);
| }
| }
|
| h1, h2, h3, h4, h5, h6 {
| color: $--color-text-regular;
| font-weight: inherit;
|
| &:first-child {
| margin-top: 0;
| }
|
| &:last-child {
| margin-bottom: 0;
| }
| }
|
| h1 {
| font-size: #{$--font-size-base + 6px};
| }
|
| h2 {
| font-size: #{$--font-size-base + 4px};
| }
|
| h3 {
| font-size: #{$--font-size-base + 2px};
| }
|
| h4, h5, h6, p {
| font-size: inherit;
| }
|
| p {
| line-height: 1.8;
|
| &:first-child {
| margin-top: 0;
| }
|
| &:last-child {
| margin-bottom: 0;
| }
| }
|
| sup, sub {
| font-size: #{$--font-size-base - 1px};
| }
|
| small {
| font-size: #{$--font-size-base - 2px};
| }
|
| hr {
| margin-top: 20px;
| margin-bottom: 20px;
| border: 0;
| border-top: 1px solid #eeeeee;
| }
|
|
