UNPKG

14.5 kBSCSSView Raw
1@charset "UTF-8";
2
3// message variables
4// --------------------------------------------------
5
6////
7/// @module message: 信息反馈
8/// @tag message
9/// @category component
10/// @family feedback
11/// @varPrefix $message-
12/// @classPrefix {prefix}-message
13/// @order {"size/bounding":10,"size/title & content":11,"size/title":12,"size/content":13,"size/close":14,"statement/normal":10,"statement/normal/bounding":100,"statement/normal/title":101,"statement/normal/content":102,"statement/normal/close":103,"statement/hover":11,"statement/hover/close":110}
14////
15
16// Size:Large
17// ----------------------------------------
18
19/// padding
20/// @namespace size/bounding
21$message-size-l-padding: $s-4 !default;
22/// border width
23/// @namespace size/bounding
24$message-size-l-border-width: $line-2 !default;
25/// padding (l)
26/// @namespace size/title & content
27$message-size-l-title-content-padding-left: $s-3 !default;
28/// padding (r)
29/// @namespace size/title & content
30$message-size-l-title-content-padding-right: $s-5 !default;
31/// text
32/// @namespace size/title
33$message-size-l-title-font: $font-size-title !default;
34/// margin (t)
35/// @namespace size/content
36$message-size-l-content-margin-top: $s-2 !default;
37/// text
38/// @namespace size/content
39$message-size-l-content-font: $font-size-body-1 !default;
40/// margin (t)
41/// @namespace size/close
42$message-size-l-close-top: $s-4 !default;
43/// margin (l)
44/// @namespace size/close
45$message-size-l-close-right: $s-4 !default;
46/// icon
47/// @namespace size/content
48$message-size-l-icon: $icon-l !default;
49// unconfigurable
50$message-size-l-title-content-padding: 0 $message-size-l-title-content-padding-right 0 calc(#{$message-size-l-title-content-padding-left} + #{$message-size-l-icon}) !default;
51
52// Size:Medium
53// ----------------------------------------
54
55/// padding
56/// @namespace size/bounding
57$message-size-m-padding: $s-3 !default;
58/// border width
59/// @namespace size/bounding
60$message-size-m-border-width: $line-1 !default;
61/// padding (l)
62/// @namespace size/title & content
63$message-size-m-title-content-padding-left: $s-2 !default;
64/// padding (r)
65/// @namespace size/title & content
66$message-size-m-title-content-padding-right: $s-5 !default;
67/// text
68/// @namespace size/title
69$message-size-m-title-font: $font-size-subhead !default;
70/// margin (t)
71/// @namespace size/content
72$message-size-m-content-margin-top: $s-2 !default;
73/// text
74/// @namespace size/content
75$message-size-m-content-font: $font-size-body-1 !default;
76/// margin (t)
77/// @namespace size/close
78$message-size-m-close-top: $s-3 !default;
79/// margin (r)
80/// @namespace size/close
81$message-size-m-close-right: $s-3 !default;
82/// icon
83/// @namespace size/content
84$message-size-m-icon: $icon-s !default;
85// unconfigurable
86$message-size-m-title-content-padding: 0 $message-size-m-title-content-padding-right 0 calc(#{$message-size-m-title-content-padding-left} + #{$message-size-m-icon}) !default;
87
88/// icon
89/// @namespace size/close
90$message-close-icon-size: $icon-xs !default;
91
92// Statement:Common
93// ----------------------------------------
94
95/// corner
96/// @namespace size/bounding
97$message-size-l-border-radius: $corner-1 !default;
98/// corner
99/// @namespace size/bounding
100$message-size-m-border-radius: $corner-1 !default;
101/// corner
102/// @namespace size/bounding
103$message-size-l-border-radius-toast: $corner-1 !default;
104/// corner
105/// @namespace size/bounding
106$message-size-m-border-radius-toast: $corner-1 !default;
107/// border style
108/// @namespace statement/normal/bounding
109$message-border-style: $line-solid !default;
110/// border style
111/// @namespace statement/normal/bounding
112$message-border-style-toast: $line-solid !default;
113/// shadow
114/// @namespace statement/normal/bounding
115$message-shadow-toast: $shadow-2-down !default;
116
117// Statement:Success
118// ----------------------------------------
119
120/// background
121/// @namespace statement/normal/bounding
122$message-success-color-bg-inline: $color-success-1 !default;
123/// background
124/// @namespace statement/normal/bounding
125$message-success-color-bg-addon: $color-transparent !default;
126/// background
127/// @namespace statement/normal/bounding
128$message-success-color-bg-toast: $color-white !default;
129/// border color
130/// @namespace statement/normal/bounding
131$message-success-color-border-inline: $color-success-1 !default;
132/// border color
133/// @namespace statement/normal/bounding
134$message-success-color-border-toast: $color-white !default;
135/// text
136/// @namespace statement/normal/title
137$message-success-color-title-inline: $color-text1-4 !default;
138/// text
139/// @namespace statement/normal/title
140$message-success-color-title-addon: $color-text1-4 !default;
141/// text
142/// @namespace statement/normal/title
143$message-success-color-title-toast: $color-text1-4 !default;
144/// text
145/// @namespace statement/normal/content
146$message-success-color-content-inline: $color-text1-3 !default;
147/// text
148/// @namespace statement/normal/content
149$message-success-color-content-addon: $color-text1-3 !default;
150/// text
151/// @namespace statement/normal/content
152$message-success-color-content-toast: $color-text1-3 !default;
153/// icon
154/// @namespace statement/normal/content
155$message-success-color-icon-inline: $color-success-3 !default;
156/// icon
157/// @namespace statement/normal/content
158$message-success-color-icon-addon: $color-success-3 !default;
159/// icon
160/// @namespace statement/normal/content
161$message-success-color-icon-toast: $color-success-3 !default;
162
163// Statement:Error
164// ----------------------------------------
165
166/// background
167/// @namespace statement/normal/bounding
168$message-error-color-bg-inline: $color-error-1 !default;
169/// background
170/// @namespace statement/normal/bounding
171$message-error-color-bg-addon: $color-transparent !default;
172/// background
173/// @namespace statement/normal/bounding
174$message-error-color-bg-toast: $color-white !default;
175/// border color
176/// @namespace statement/normal/bounding
177$message-error-color-border-inline: $color-error-1 !default;
178/// border color
179/// @namespace statement/normal/bounding
180$message-error-color-border-toast: $color-white !default;
181/// text
182/// @namespace statement/normal/title
183$message-error-color-title-inline: $color-text1-4 !default;
184/// text
185/// @namespace statement/normal/title
186$message-error-color-title-addon: $color-text1-4 !default;
187/// text
188/// @namespace statement/normal/title
189$message-error-color-title-toast: $color-text1-4 !default;
190/// text
191/// @namespace statement/normal/content
192$message-error-color-content-inline: $color-text1-3 !default;
193/// text
194/// @namespace statement/normal/content
195$message-error-color-content-addon: $color-text1-3 !default;
196/// text
197/// @namespace statement/normal/content
198$message-error-color-content-toast: $color-text1-3 !default;
199/// icon
200/// @namespace statement/normal/content
201$message-error-color-icon-inline: $color-error-3 !default;
202/// icon
203/// @namespace statement/normal/content
204$message-error-color-icon-addon: $color-error-3 !default;
205/// icon
206/// @namespace statement/normal/content
207$message-error-color-icon-toast: $color-error-3 !default;
208
209// Statement:Warning
210// ----------------------------------------
211
212/// background
213/// @namespace statement/normal/bounding
214$message-warning-color-bg-inline: $color-warning-1 !default;
215/// background
216/// @namespace statement/normal/bounding
217$message-warning-color-bg-addon: $color-transparent !default;
218/// background
219/// @namespace statement/normal/bounding
220$message-warning-color-bg-toast: $color-white !default;
221/// border color
222/// @namespace statement/normal/bounding
223$message-warning-color-border-inline: $color-warning-1 !default;
224/// border color
225/// @namespace statement/normal/bounding
226$message-warning-color-border-toast: $color-white !default;
227/// text
228/// @namespace statement/normal/title
229$message-warning-color-title-inline: $color-text1-4 !default;
230/// text
231/// @namespace statement/normal/title
232$message-warning-color-title-addon: $color-text1-4 !default;
233/// text
234/// @namespace statement/normal/title
235$message-warning-color-title-toast: $color-text1-4 !default;
236/// text
237/// @namespace statement/normal/content
238$message-warning-color-content-inline: $color-text1-3 !default;
239/// text
240/// @namespace statement/normal/content
241$message-warning-color-content-addon: $color-text1-3 !default;
242/// text
243/// @namespace statement/normal/content
244$message-warning-color-content-toast: $color-text1-3 !default;
245/// icon
246/// @namespace statement/normal/content
247$message-warning-color-icon-inline: $color-warning-3 !default;
248/// icon
249/// @namespace statement/normal/content
250$message-warning-color-icon-addon: $color-warning-3 !default;
251/// icon
252/// @namespace statement/normal/content
253$message-warning-color-icon-toast: $color-warning-3 !default;
254
255// Statement:Notice
256// ----------------------------------------
257
258/// background
259/// @namespace statement/normal/bounding
260$message-notice-color-bg-inline: $color-notice-1 !default;
261/// background
262/// @namespace statement/normal/bounding
263$message-notice-color-bg-addon: $color-transparent !default;
264/// background
265/// @namespace statement/normal/bounding
266$message-notice-color-bg-toast: $color-white !default;
267/// border color
268/// @namespace statement/normal/bounding
269$message-notice-color-border-inline: $color-notice-1 !default;
270/// border color
271/// @namespace statement/normal/bounding
272$message-notice-color-border-toast: $color-white !default;
273/// text
274/// @namespace statement/normal/title
275$message-notice-color-title-inline: $color-text1-4 !default;
276/// text
277/// @namespace statement/normal/title
278$message-notice-color-title-addon: $color-text1-4 !default;
279/// text
280/// @namespace statement/normal/title
281$message-notice-color-title-toast: $color-text1-4 !default;
282/// text
283/// @namespace statement/normal/content
284$message-notice-color-content-inline: $color-text1-3 !default;
285/// text
286/// @namespace statement/normal/content
287$message-notice-color-content-addon: $color-text1-3 !default;
288/// text
289/// @namespace statement/normal/content
290$message-notice-color-content-toast: $color-text1-3 !default;
291/// icon
292/// @namespace statement/normal/content
293$message-notice-color-icon-inline: $color-notice-3 !default;
294/// icon
295/// @namespace statement/normal/content
296$message-notice-color-icon-addon: $color-notice-3 !default;
297/// icon
298/// @namespace statement/normal/content
299$message-notice-color-icon-toast: $color-notice-3 !default;
300
301// Statement:Help
302// ----------------------------------------
303
304/// background
305/// @namespace statement/normal/bounding
306$message-help-color-bg-inline: $color-help-1 !default;
307/// background
308/// @namespace statement/normal/bounding
309$message-help-color-bg-addon: $color-transparent !default;
310/// background
311/// @namespace statement/normal/bounding
312$message-help-color-bg-toast: $color-white !default;
313/// border color
314/// @namespace statement/normal/bounding
315$message-help-color-border-inline: $color-help-1 !default;
316/// border color
317/// @namespace statement/normal/bounding
318$message-help-color-border-toast: $color-white !default;
319/// text
320/// @namespace statement/normal/title
321$message-help-color-title-inline: $color-text1-4 !default;
322/// text
323/// @namespace statement/normal/title
324$message-help-color-title-addon: $color-text1-4 !default;
325/// text
326/// @namespace statement/normal/title
327$message-help-color-title-toast: $color-text1-4 !default;
328/// text
329/// @namespace statement/normal/content
330$message-help-color-content-inline: $color-text1-3 !default;
331/// text
332/// @namespace statement/normal/content
333$message-help-color-content-addon: $color-text1-3 !default;
334/// text
335/// @namespace statement/normal/content
336$message-help-color-content-toast: $color-text1-3 !default;
337/// icon
338/// @namespace statement/normal/content
339$message-help-color-icon-inline: $color-help-3 !default;
340/// icon
341/// @namespace statement/normal/content
342$message-help-color-icon-addon: $color-help-3 !default;
343/// icon
344/// @namespace statement/normal/content
345$message-help-color-icon-toast: $color-help-3 !default;
346
347// Statement:Loading
348// ----------------------------------------
349
350/// background
351/// @namespace statement/normal/bounding
352$message-loading-color-bg-inline: $color-white !default;
353/// background
354/// @namespace statement/normal/bounding
355$message-loading-color-bg-addon: $color-transparent !default;
356/// background
357/// @namespace statement/normal/bounding
358$message-loading-color-bg-toast: $color-white !default;
359/// border color
360/// @namespace statement/normal/bounding
361$message-loading-color-border-inline: $color-white !default;
362/// border color
363/// @namespace statement/normal/bounding
364$message-loading-color-border-toast: $color-white !default;
365/// text
366/// @namespace statement/normal/title
367$message-loading-color-title-inline: $color-text1-4 !default;
368/// text
369/// @namespace statement/normal/title
370$message-loading-color-title-addon: $color-text1-4 !default;
371/// text
372/// @namespace statement/normal/title
373$message-loading-color-title-toast: $color-text1-4 !default;
374/// text
375/// @namespace statement/normal/content
376$message-loading-color-content-inline: $color-text1-3 !default;
377/// text
378/// @namespace statement/normal/content
379$message-loading-color-content-addon: $color-text1-3 !default;
380/// text
381/// @namespace statement/normal/content
382$message-loading-color-content-toast: $color-text1-3 !default;
383/// icon
384/// @namespace statement/normal/content
385$message-loading-color-icon-inline: $color-brand1-6 !default;
386/// icon
387/// @namespace statement/normal/content
388$message-loading-color-icon-addon: $color-brand1-6 !default;
389/// icon
390/// @namespace statement/normal/content
391$message-loading-color-icon-toast: $color-brand1-6 !default;
392
393/// icon
394/// @namespace statement/normal/close
395$message-close-icon-color: $color-text1-2 !default;
396/// icon
397/// @namespace statement/hover/close
398$message-hover-close-icon-color: $color-text1-3 !default;
399/// success icon
400/// @namespace statement/normal
401/// @type icon
402$message-success-icon-content: $icon-content-success !default;
403/// warning icon
404/// @namespace statement/normal
405/// @type icon
406$message-warning-icon-content: $icon-content-warning !default;
407/// error icon
408/// @namespace statement/normal
409/// @type icon
410$message-error-icon-content: $icon-content-error !default;
411/// notice icon
412/// @namespace statement/normal
413/// @type icon
414$message-notice-icon-content: $icon-content-prompt !default;
415/// help icon
416/// @namespace statement/normal
417/// @type icon
418$message-help-icon-content: $icon-content-help !default;
419/// help icon
420/// @namespace statement/normal
421/// @type icon
422$message-loading-icon-content: $icon-content-loading !default;