UNPKG

2.18 kBSCSSView Raw
1////
2/// @module typography: 段落
3/// @tag Typography
4/// @category component
5/// @family general
6/// @varPrefix $typography-
7/// @classPrefix {prefix}-typography
8/// @order {"size/text":10,"statement/normal":11,"size/text/size":101,"size/text/line height":102,"statement/normal/text":111}
9////
10
11// paragraph variables
12// --------------------------------------------------
13
14// unconfigurable
15$typography-prefix: ".#{$css-prefix}typography";
16
17/// text
18/// @namespace statement/normal
19$typography-text-color: $color-text1-4 !default;
20
21/// weight
22/// @namespace size/strong
23$typography-text-strong-font-weight: $font-weight-semi-bold !default;
24
25/// corner
26/// @namespace size/code
27$typography-text-code-corner: $corner-1 !default;
28
29/// color
30/// @namespace statement/normal/mark
31$typography-text-mark-color: $color-text1-4 !default;
32
33/// background
34/// @namespace statement/normal/mark
35$typography-text-mark-background: $color-warning-2 !default;
36
37/// color
38/// @namespace statement/normal/code
39$typography-text-code-color: $color-text1-4 !default;
40
41/// background
42/// @namespace statement/normal/code
43$typography-text-code-background: $color-fill1-2 !default;
44
45/// border color
46/// @namespace statement/normal/code
47$typography-text-code-border-color: $color-line1-1 !default;
48
49/// size
50/// @namespace size/paragraph/text
51$typography-paragraph-font-size: $font-size-body-2 !default;
52
53/// line height
54/// @namespace size/paragraph/text
55$typography-paragraph-line-height: $font-lineheight-2 !default;
56
57/// size
58/// @namespace size/title
59$typography-title-h1-font-size: $font-size-headline !default;
60
61/// size
62/// @namespace size/title
63$typography-title-h2-font-size: $font-size-title !default;
64
65/// size
66/// @namespace size/title
67$typography-title-h3-font-size: $font-size-subhead !default;
68
69/// size
70/// @namespace size/title
71$typography-title-h4-font-size: $font-size-subhead !default;
72
73/// size
74/// @namespace size/title
75$typography-title-h5-font-size: $font-size-body-2 !default;
76
77/// size
78/// @namespace size/title
79$typography-title-h6-font-size: $font-size-body-1 !default;
80
81/// weight
82/// @namespace size/title
83$typography-title-font-weight: $font-weight-semi-bold !default;
84