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;
|