UNPKG

4.55 kBSCSSView Raw
1////
2/// @module dialog: 对话框
3/// @tag Dialog
4/// @category component
5/// @family feedback
6/// @varPrefix $dialog-
7/// @classPrefix {prefix}-dialog
8/// @order {"size/bounding":10,"size/title":11,"size/content":12,"size/footer":13,"size/close":14,"statement/normal":10,"statement/normal/bounding":100,"statement/normal/title":101,"statement/normal/content":102,"statement/normal/footer":103,"statement/normal/close":104,"statement/hover":11,"statement/hover/close":110}
9////
10
11// dialog variables
12// --------------------------------------------------
13
14$dialog-prefix: ".#{$css-prefix}dialog";
15
16// Size
17// ----------------------------------------
18
19/// border width
20/// @namespace size/bounding
21$dialog-border-width: $line-1 !default;
22/// text
23/// @namespace size/title
24$dialog-title-font-size: $font-size-subhead !default;
25/// font weight
26/// @namespace size/title
27$dialog-title-font-weight: $font-weight-2 !default;
28/// padding (t)
29/// @namespace size/title
30$dialog-title-padding-top: $s-3 !default;
31/// padding (b)
32/// @namespace size/title
33$dialog-title-padding-bottom: $s-3 !default;
34/// padding (l, r)
35/// @namespace size/title
36$dialog-title-padding-left-right: $s-5 !default;
37/// divider
38/// @namespace size/title
39$dialog-title-border-width: $line-zero !default;
40/// padding (t)
41/// @namespace size/content
42$dialog-message-content-padding-top: $s-5 !default;
43
44/// padding (b)
45/// @namespace size/content
46$dialog-message-content-padding-bottom: $s-5 !default;
47
48/// padding (l, r)
49/// @namespace size/content
50$dialog-message-content-padding-left-right: $s-5 !default;
51/// text
52/// @namespace size/content
53$dialog-content-font-size: $font-size-body-1 !default;
54/// padding (t)
55/// @namespace size/content
56$dialog-content-padding-top: $s-5 !default;
57/// padding (b)
58/// @namespace size/content
59$dialog-content-padding-bottom: $s-5 !default;
60/// padding (l, r)
61/// @namespace size/content
62$dialog-content-padding-left-right: $s-5 !default;
63/// margin (b) no footer
64/// @namespace size/content
65$dialog-content-margin-bottom-no-footer: $s-0 !default;
66/// divider
67/// @namespace size/footer
68$dialog-footer-border-width: $line-zero !default;
69/// padding (t)
70/// @namespace size/footer
71$dialog-footer-padding-top: $s-3 !default;
72/// padding (b)
73/// @namespace size/footer
74$dialog-footer-padding-bottom: $s-3 !default;
75/// padding (l, r)
76/// @namespace size/footer
77$dialog-footer-padding-left-right: $s-5 !default;
78/// button spacing
79/// @namespace size/footer
80$dialog-footer-button-spacing: $s-1 !default;
81/// position (t)
82/// @namespace size/close
83$dialog-close-top: $s-3 !default;
84/// position (r)
85/// @namespace size/close
86$dialog-close-right: $s-3 !default;
87/// size
88/// @namespace size/close
89$dialog-close-width: $s-4 !default;
90/// icon
91/// @namespace size/close
92$dialog-close-size: $icon-xs !default;
93
94// 这一行2.0可以删掉,没有代码在用,担心有用户用到了,先保留
95$dialog-part-padding-right-closeable: $dialog-close-width + $dialog-close-right + ((#{$dialog-close-width - $dialog-close-size}) / 2);
96
97// Statement:Normal
98// ----------------------------------------
99
100/// background
101/// @namespace statement/normal/bounding
102$dialog-bg: $color-white !default;
103/// border
104/// @namespace statement/normal/bounding
105$dialog-border-color: $color-line1-2 !default;
106/// border style
107/// @namespace statement/normal/bounding
108$dialog-border-style: $line-solid !default;
109/// corner
110/// @namespace statement/normal/bounding
111$dialog-corner: $corner-1 !default;
112/// shadow
113/// @namespace statement/normal/bounding
114$dialog-shadow: $shadow-2-down !default;
115/// text
116/// @namespace statement/normal/title
117$dialog-title-color: $color-text1-4 !default;
118/// background
119/// @namespace statement/normal/title
120$dialog-title-bg-color: $color-transparent !default;
121/// divider
122/// @namespace statement/normal/title
123$dialog-title-border-color: $color-transparent !default;
124/// text
125/// @namespace statement/normal/content
126$dialog-content-color: $color-text1-3 !default;
127/// background
128/// @namespace statement/normal/footer
129$dialog-footer-bg-color: $color-transparent !default;
130/// divider
131/// @namespace statement/normal/footer
132$dialog-footer-border-color: $color-transparent !default;
133/// icon
134/// @namespace statement/normal/close
135$dialog-close-color: $color-text1-2 !default;
136
137// Statement:Hover
138// ----------------------------------------
139
140/// icon
141/// @namespace statement/hover/close
142$dialog-close-color-hovered: $color-text1-4 !default;
143/// background
144/// @namespace statement/hover/close
145$dialog-close-bg-hovered: $color-transparent !default;