UNPKG

2.02 kBSCSSView Raw
1@import "../core/index-noreset.scss";
2@import "scss/variable.scss";
3
4#{$typography-prefix} {
5 color: $typography-text-color;
6
7 &-title {
8 font-weight: $typography-title-font-weight;
9 margin-bottom: .5em;
10 }
11
12 & + &-title {
13 margin-top: 1.2em;
14 }
15
16
17
18 &-paragraph {
19 color: $typography-text-color;
20 margin-bottom: 1em;
21 font-size: $typography-paragraph-font-size;
22 line-height: $typography-paragraph-line-height;
23 }
24
25 mark {
26 padding: 0;
27 background: $typography-text-mark-background;
28 color: $typography-text-mark-color;
29 }
30
31 strong {
32 font-weight: $typography-text-strong-font-weight;
33 }
34
35 code {
36 background-color: $typography-text-code-background;
37 color: $typography-text-code-color;
38 border: 1px solid $typography-text-code-border-color;
39 margin: 0 .2em;
40 padding: .2em .4em .1em;
41 font-size: 85%;
42 border-radius: $typography-text-code-corner;
43 }
44
45 ul,
46 ol {
47 margin: 0 0 1em 0;
48 padding: 0;
49 }
50
51 li {
52 list-style-type: circle;
53 margin: 0 0 0 20px;
54 padding: 0 0 0 4px;
55 }
56
57 a {
58 text-decoration: none;
59 &:link {
60 color: $color-link-1;
61 }
62 &:visited {
63 color: $color-link-2;
64 }
65 &:hover {
66 color: $color-link-3;
67 }
68 &:active {
69 text-decoration: underline;
70 color: $color-link-3;
71 }
72 }
73}
74
75h1#{$typography-prefix}-title {
76 font-size: $typography-title-h1-font-size;
77}
78
79h2#{$typography-prefix}-title {
80 font-size: $typography-title-h2-font-size;
81}
82
83h3#{$typography-prefix}-title {
84 font-size: $typography-title-h3-font-size;
85}
86
87h4#{$typography-prefix}-title {
88 font-size: $typography-title-h4-font-size;
89}
90
91h5#{$typography-prefix}-title {
92 font-size: $typography-title-h5-font-size;
93}
94
95h6#{$typography-prefix}-title {
96 font-size: $typography-title-h6-font-size;
97}