UNPKG

27.2 kBSCSSView Raw
1@charset "UTF-8";
2
3////
4/// @module shell: 布局框架
5/// @tag Shell
6/// @category component
7/// @family general
8/// @varPrefix $shell-
9/// @classPrefix {prefix}-shell
10/// @order {}
11////
12// shell variables
13// --------------------------------------------------
14$shell-prefix: '.#{$css-prefix}shell' !default;
15
16
17
18/** light **/
19/// color
20/// @namespace statement/header
21$shell-light-header-color: $color-black !default;
22/// height
23/// @namespace statement/header
24$shell-light-header-height: $s-13 !default;
25/// background
26/// @namespace statement/header
27$shell-light-header-background: $color-white !default;
28/// shadow
29/// @namespace statement/header
30$shell-light-header-shadow: $shadow-zero !default;
31/// size
32/// @namespace statement/header/divider
33$shell-light-header-divider-size: $line-1 !default;
34/// style
35/// @namespace statement/header/divider
36$shell-light-header-divider-style: $line-solid !default;
37/// color
38/// @namespace statement/header/divider
39$shell-light-header-divider-color: $color-line1-1 !default;
40$shell-light-header-divider: $shell-light-header-divider-size $shell-light-header-divider-style $shell-light-header-divider-color;
41/// padding (l, r)
42/// @namespace statement/header
43$shell-light-header-paddingLeft: $s-4 !default;
44
45/// min-height
46/// @namespace statement/multitask
47$shell-light-multitask-min-height: $s-10 !default;
48/// background
49/// @namespace statement/multitask
50$shell-light-multitask-background: $color-white !default;
51/// shadow
52/// @namespace statement/multitask
53$shell-light-multitask-shadow: $shadow-zero !default;
54/// size
55/// @namespace statement/multitask/divider
56$shell-light-multitask-divider-size: $line-1 !default;
57/// style
58/// @namespace statement/multitask/divider
59$shell-light-multitask-divider-style: $line-solid !default;
60/// color
61/// @namespace statement/multitask/divider
62$shell-light-multitask-divider-color: $color-line1-1 !default;
63$shell-light-multitask-divider: $shell-light-multitask-divider-size $shell-light-multitask-divider-style $shell-light-multitask-divider-color;
64/// padding (l, r)
65/// @namespace statement/multitask
66$shell-light-multitask-paddingLeft: $s-zero !default;
67
68
69/// margin (l, r)
70/// @namespace statement/navigation
71$shell-light-navigation-hoz-marginLeft: $s-12 !default;
72$shell-light-navigation-hoz-align: flex-end !default; // flex-start flex-end center space-evenly space-around space-between
73
74
75/// width
76/// @namespace statement/navigation
77$shell-light-navigation-ver-width: $s-42 !default;
78/// shadow
79/// @namespace statement/navigation
80$shell-light-navigation-ver-shadow: $shadow-zero !default;
81/// padding (t)
82/// @namespace statement/navigation
83$shell-light-navigation-ver-paddingTop: $s-2 !default;
84/// padding (b)
85/// @namespace statement/navigation
86$shell-light-navigation-ver-paddingBottom: $s-2 !default;
87/// mini-width
88/// @namespace statement/navigation
89$shell-light-navigation-ver-width-mini: $s-15 !default;
90/// background
91/// @namespace statement/navigation
92$shell-light-navigation-ver-background: $color-white !default;
93/// size
94/// @namespace statement/navigation/divider
95$shell-light-navigation-ver-divider-size: $line-1 !default;
96/// style
97/// @namespace statement/navigation/divider
98$shell-light-navigation-ver-divider-style: $line-solid !default;
99/// color
100/// @namespace statement/navigation/divider
101$shell-light-navigation-ver-divider-color: $color-line1-1 !default;
102$shell-light-navigation-ver-divider: $shell-light-navigation-ver-divider-size $shell-light-navigation-ver-divider-style $shell-light-navigation-ver-divider-color;
103
104/// width
105/// @namespace statement/local-navigation
106$shell-light-local-navigation-width: $s-42 !default;
107/// background
108/// @namespace statement/local-navigation
109$shell-light-local-navigation-background: $color-fill1-4 !default;
110/// padding (t)
111/// @namespace statement/local-navigation
112$shell-light-local-navigation-paddingTop: $s-2 !default;
113/// padding (b)
114/// @namespace statement/local-navigation
115$shell-light-local-navigation-paddingBottom: $s-2 !default;
116/// shadow
117/// @namespace statement/local-navigation
118$shell-light-local-navigation-shadow: $shadow-zero !default;
119/// size
120/// @namespace statement/local-navigation/divider
121$shell-light-local-navigation-divider-size: $line-1 !default;
122/// style
123/// @namespace statement/local-navigation/divider
124$shell-light-local-navigation-divider-style: $line-solid !default;
125/// color
126/// @namespace statement/local-navigation/divider
127$shell-light-local-navigation-divider-color: $color-line1-1 !default;
128$shell-light-local-navigation-divider: $shell-light-local-navigation-divider-size $shell-light-local-navigation-divider-style $shell-light-local-navigation-divider-color;
129
130/// background
131/// @namespace statement/appbar
132$shell-light-appbar-background: $color-white !default;
133/// min-height
134/// @namespace statement/appbar
135$shell-light-appbar-min-height: $s-12 !default;
136/// shadow
137/// @namespace statement/appbar
138$shell-light-appbar-shadow: $shadow-zero !default;
139/// padding (l, r)
140/// @namespace statement/appbar
141$shell-light-appbar-paddingLeft: $s-6 !default;
142/// size
143/// @namespace statement/appbar/divider
144$shell-light-appbar-divider-size: $line-1 !default;
145/// style
146/// @namespace statement/appbar/divider
147$shell-light-appbar-divider-style: $line-solid !default;
148/// color
149/// @namespace statement/appbar/divider
150$shell-light-appbar-divider-color: $color-line1-1 !default;
151$shell-light-appbar-divider: $shell-light-appbar-divider-size $shell-light-appbar-divider-style $shell-light-appbar-divider-color;
152
153
154$shell-light-content-max-width: unset !default;
155/// background
156/// @namespace statement/content
157$shell-light-content-background: $color-fill1-3 !default;
158/// padding (l, r)
159/// @namespace statement/content
160$shell-light-content-paddingLeft: $s-5 !default;
161/// padding (t, b)
162/// @namespace statement/content
163$shell-light-content-paddingTop: $s-5 !default;
164
165$shell-light-content-gutter-row: $s-4 !default;
166$shell-light-content-gutter-column: $s-4 !default;
167$shell-light-content-columns: 1 !default;
168
169/// min-height
170/// @namespace statement/footer
171$shell-light-footer-min-height: $s-14 !default;
172/// background
173/// @namespace statement/footer
174$shell-light-footer-background: $color-transparent !default;
175/// color
176/// @namespace statement/footer
177$shell-light-footer-color: $color-text1-1 !default;
178/// font-size
179/// @namespace statement/footer
180$shell-light-footer-font-size: $font-size-body-2 !default;
181
182/// width
183/// @namespace statement/ancillary
184$shell-light-ancillary-width: $s-42 !default;
185/// background
186/// @namespace statement/ancillary
187$shell-light-ancillary-background: $color-white !default;
188/// padding (t)
189/// @namespace statement/ancillary
190$shell-light-ancillary-paddingTop: $s-2 !default;
191/// padding (b)
192/// @namespace statement/ancillary
193$shell-light-ancillary-paddingBottom: $s-2 !default;
194/// shadow
195/// @namespace statement/ancillary
196$shell-light-ancillary-shadow: $shadow-zero !default;
197/// size
198/// @namespace statement/ancillary/divider
199$shell-light-ancillary-divider-size: $line-1 !default;
200/// style
201/// @namespace statement/ancillary/divider
202$shell-light-ancillary-divider-style: $line-solid !default;
203/// color
204/// @namespace statement/ancillary/divider
205$shell-light-ancillary-divider-color: $color-line1-1 !default;
206$shell-light-ancillary-divider: $shell-light-ancillary-divider-size $shell-light-ancillary-divider-style $shell-light-ancillary-divider-color;
207
208
209/// height
210/// @namespace statement/tooldock
211$shell-light-tooldock-height: $s-13 !default;
212/// width
213/// @namespace statement/tooldock
214$shell-light-tooldock-width: $s-13 !default;
215/// background
216/// @namespace statement/tooldock
217$shell-light-tooldock-background: $color-fill1-4 !default;
218/// padding (t)
219/// @namespace statement/tooldock
220$shell-light-tooldock-paddingTop: $s-2 !default;
221/// padding (b)
222/// @namespace statement/tooldock
223$shell-light-tooldock-paddingBottom: $s-2 !default;
224/// shadow
225/// @namespace statement/tooldock
226$shell-light-tooldock-shadow: $shadow-zero !default;
227/// size
228/// @namespace statement/tooldock/divider
229$shell-light-tooldock-divider-size: $line-1 !default;
230/// style
231/// @namespace statement/tooldock/divider
232$shell-light-tooldock-divider-style: $line-solid !default;
233/// color
234/// @namespace statement/tooldock/divider
235$shell-light-tooldock-divider-color: $color-line1-1 !default;
236$shell-light-tooldock-divider: $shell-light-tooldock-divider-size $shell-light-tooldock-divider-style $shell-light-tooldock-divider-color;
237
238/// padding (t)
239/// @namespace statement/tooldock-item
240$shell-light-tooldock-item-paddingTop: $s-2 !default;
241/// color
242/// @namespace statement/tooldock-item
243$shell-light-tooldock-item-color: $color-text1-3 !default;
244/// color
245/// @namespace statement/tooldock-item/hover
246$shell-light-tooldock-item-color-hover: $color-text1-4 !default;
247/// color
248/// @namespace statement/tooldock-item/active
249$shell-light-tooldock-item-color-active: $color-text1-4 !default;
250/// background
251/// @namespace statement/tooldock-item
252$shell-light-tooldock-item-background: $color-transparent !default;
253/// background
254/// @namespace statement/tooldock-item/hover
255$shell-light-tooldock-item-background-hover: $color-fill1-3 !default;
256/// background
257/// @namespace statement/tooldock-item/active
258$shell-light-tooldock-item-background-active: $color-fill1-3 !default;
259
260
261
262/** dark **/
263/// color
264/// @namespace statement/header
265$shell-dark-header-color: $color-white !default;
266/// height
267/// @namespace statement/header
268$shell-dark-header-height: $s-13 !default;
269/// background
270/// @namespace statement/header
271$shell-dark-header-background: $color-black !default;
272/// shadow
273/// @namespace statement/header
274$shell-dark-header-shadow: $shadow-1-down !default;
275/// size
276/// @namespace statement/header/divider
277$shell-dark-header-divider-size: $line-1 !default;
278/// style
279/// @namespace statement/header/divider
280$shell-dark-header-divider-style: $line-solid !default;
281/// color
282/// @namespace statement/header/divider
283$shell-dark-header-divider-color: #1F1F1F !default;
284$shell-dark-header-divider: $shell-dark-header-divider-size $shell-dark-header-divider-style $shell-dark-header-divider-color;
285/// padding (l, r)
286/// @namespace statement/header
287$shell-dark-header-paddingLeft: $s-4 !default;
288
289/// min-height
290/// @namespace statement/multitask
291$shell-dark-multitask-min-height: $s-10 !default;
292/// background
293/// @namespace statement/multitask
294$shell-dark-multitask-background: $color-white !default;
295/// shadow
296/// @namespace statement/multitask
297$shell-dark-multitask-shadow: $shadow-zero !default;
298/// size
299/// @namespace statement/multitask/divider
300$shell-dark-multitask-divider-size: $line-1 !default;
301/// style
302/// @namespace statement/multitask/divider
303$shell-dark-multitask-divider-style: $line-solid !default;
304/// color
305/// @namespace statement/multitask/divider
306$shell-dark-multitask-divider-color: $color-line1-1 !default;
307$shell-dark-multitask-divider: $shell-dark-multitask-divider-size $shell-dark-multitask-divider-style $shell-dark-multitask-divider-color;
308/// padding (l, r)
309/// @namespace statement/multitask
310$shell-dark-multitask-paddingLeft: $s-zero !default;
311
312
313/// margin (l, r)
314/// @namespace statement/navigation
315$shell-dark-navigation-hoz-marginLeft: $s-12 !default;
316$shell-dark-navigation-hoz-align: flex-end !default; // flex-start flex-end center space-evenly space-around space-between
317
318
319/// width
320/// @namespace statement/navigation
321$shell-dark-navigation-ver-width: $s-42 !default;
322/// shadow
323/// @namespace statement/navigation
324$shell-dark-navigation-ver-shadow: $shadow-zero !default;
325/// padding (t)
326/// @namespace statement/navigation
327$shell-dark-navigation-ver-paddingTop: $s-2 !default;
328/// padding (b)
329/// @namespace statement/navigation
330$shell-dark-navigation-ver-paddingBottom: $s-2 !default;
331/// mini-width
332/// @namespace statement/navigation
333$shell-dark-navigation-ver-width-mini: $s-15 !default;
334/// background
335/// @namespace statement/navigation
336$shell-dark-navigation-ver-background: $color-text1-4 !default;
337/// size
338/// @namespace statement/navigation/divider
339$shell-dark-navigation-ver-divider-size: $line-1 !default;
340/// style
341/// @namespace statement/navigation/divider
342$shell-dark-navigation-ver-divider-style: $line-solid !default;
343/// color
344/// @namespace statement/navigation/divider
345$shell-dark-navigation-ver-divider-color: $color-line1-1 !default;
346$shell-dark-navigation-ver-divider: $shell-dark-navigation-ver-divider-size $shell-dark-navigation-ver-divider-style $shell-dark-navigation-ver-divider-color;
347
348/// width
349/// @namespace statement/local-navigation
350$shell-dark-local-navigation-width: $s-42 !default;
351/// background
352/// @namespace statement/local-navigation
353$shell-dark-local-navigation-background: $color-fill1-4 !default;
354/// padding (t)
355/// @namespace statement/local-navigation
356$shell-dark-local-navigation-paddingTop: $s-2 !default;
357/// padding (b)
358/// @namespace statement/local-navigation
359$shell-dark-local-navigation-paddingBottom: $s-2 !default;
360/// shadow
361/// @namespace statement/local-navigation
362$shell-dark-local-navigation-shadow: $shadow-zero !default;
363/// size
364/// @namespace statement/local-navigation/divider
365$shell-dark-local-navigation-divider-size: $line-1 !default;
366/// style
367/// @namespace statement/local-navigation/divider
368$shell-dark-local-navigation-divider-style: $line-solid !default;
369/// color
370/// @namespace statement/local-navigation/divider
371$shell-dark-local-navigation-divider-color: $color-line1-1 !default;
372$shell-dark-local-navigation-divider: $shell-dark-local-navigation-divider-size $shell-dark-local-navigation-divider-style $shell-dark-local-navigation-divider-color;
373
374/// background
375/// @namespace statement/appbar
376$shell-dark-appbar-background: $color-white !default;
377/// min-height
378/// @namespace statement/appbar
379$shell-dark-appbar-min-height: $s-12 !default;
380/// shadow
381/// @namespace statement/appbar
382$shell-dark-appbar-shadow: $shadow-zero !default;
383/// padding (l, r)
384/// @namespace statement/appbar
385$shell-dark-appbar-paddingLeft: $s-6 !default;
386/// size
387/// @namespace statement/appbar/divider
388$shell-dark-appbar-divider-size: $line-1 !default;
389/// style
390/// @namespace statement/appbar/divider
391$shell-dark-appbar-divider-style: $line-solid !default;
392/// color
393/// @namespace statement/appbar/divider
394$shell-dark-appbar-divider-color: $color-line1-1 !default;
395$shell-dark-appbar-divider: $shell-dark-appbar-divider-size $shell-dark-appbar-divider-style $shell-dark-appbar-divider-color;
396
397
398$shell-dark-content-max-width: unset !default;
399/// background
400/// @namespace statement/content
401$shell-dark-content-background: $color-fill1-3 !default;
402/// padding (l, r)
403/// @namespace statement/content
404$shell-dark-content-paddingLeft: $s-5 !default;
405/// padding (t, b)
406/// @namespace statement/content
407$shell-dark-content-paddingTop: $s-5 !default;
408
409$shell-dark-content-gutter-row: $s-4 !default;
410$shell-dark-content-gutter-column: $s-4 !default;
411$shell-dark-content-columns: 1 !default;
412
413/// min-height
414/// @namespace statement/footer
415$shell-dark-footer-min-height: $s-14 !default;
416/// background
417/// @namespace statement/footer
418$shell-dark-footer-background: $color-transparent !default;
419/// color
420/// @namespace statement/footer
421$shell-dark-footer-color: $color-text1-1 !default;
422/// font-size
423/// @namespace statement/footer
424$shell-dark-footer-font-size: $font-size-body-2 !default;
425
426/// width
427/// @namespace statement/ancillary
428$shell-dark-ancillary-width: $s-42 !default;
429/// background
430/// @namespace statement/ancillary
431$shell-dark-ancillary-background: $color-white !default;
432/// padding (t)
433/// @namespace statement/ancillary
434$shell-dark-ancillary-paddingTop: $s-2 !default;
435/// padding (b)
436/// @namespace statement/ancillary
437$shell-dark-ancillary-paddingBottom: $s-2 !default;
438/// shadow
439/// @namespace statement/ancillary
440$shell-dark-ancillary-shadow: $shadow-zero !default;
441/// size
442/// @namespace statement/ancillary/divider
443$shell-dark-ancillary-divider-size: $line-1 !default;
444/// style
445/// @namespace statement/ancillary/divider
446$shell-dark-ancillary-divider-style: $line-solid !default;
447/// color
448/// @namespace statement/ancillary/divider
449$shell-dark-ancillary-divider-color: $color-line1-1 !default;
450$shell-dark-ancillary-divider: $shell-dark-ancillary-divider-size $shell-dark-ancillary-divider-style $shell-dark-ancillary-divider-color;
451
452
453/// height
454/// @namespace statement/tooldock
455$shell-dark-tooldock-height: $s-13 !default;
456/// width
457/// @namespace statement/tooldock
458$shell-dark-tooldock-width: $s-13 !default;
459/// background
460/// @namespace statement/tooldock
461$shell-dark-tooldock-background: $color-fill1-4 !default;
462/// padding (t)
463/// @namespace statement/tooldock
464$shell-dark-tooldock-paddingTop: $s-2 !default;
465/// padding (b)
466/// @namespace statement/tooldock
467$shell-dark-tooldock-paddingBottom: $s-2 !default;
468/// shadow
469/// @namespace statement/tooldock
470$shell-dark-tooldock-shadow: $shadow-zero !default;
471/// size
472/// @namespace statement/tooldock/divider
473$shell-dark-tooldock-divider-size: $line-1 !default;
474/// style
475/// @namespace statement/tooldock/divider
476$shell-dark-tooldock-divider-style: $line-solid !default;
477/// color
478/// @namespace statement/tooldock/divider
479$shell-dark-tooldock-divider-color: $color-line1-1 !default;
480$shell-dark-tooldock-divider: $shell-dark-tooldock-divider-size $shell-dark-tooldock-divider-style $shell-dark-tooldock-divider-color;
481
482/// padding (t)
483/// @namespace statement/tooldock-item
484$shell-dark-tooldock-item-paddingTop: $s-2 !default;
485/// color
486/// @namespace statement/tooldock-item
487$shell-dark-tooldock-item-color: $color-text1-3 !default;
488/// color
489/// @namespace statement/tooldock-item/hover
490$shell-dark-tooldock-item-color-hover: $color-text1-4 !default;
491/// color
492/// @namespace statement/tooldock-item/active
493$shell-dark-tooldock-item-color-active: $color-text1-4 !default;
494/// background
495/// @namespace statement/tooldock-item
496$shell-dark-tooldock-item-background: $color-transparent !default;
497/// background
498/// @namespace statement/tooldock-item/hover
499$shell-dark-tooldock-item-background-hover: $color-fill1-3 !default;
500/// background
501/// @namespace statement/tooldock-item/active
502$shell-dark-tooldock-item-background-active: $color-fill1-3 !default;
503
504
505/** brand **/
506/// color
507/// @namespace statement/header
508$shell-brand-header-color: $color-white !default;
509/// height
510/// @namespace statement/header
511$shell-brand-header-height: $s-13 !default;
512/// background
513/// @namespace statement/header
514$shell-brand-header-background: $color-brand1-6 !default;
515/// shadow
516/// @namespace statement/header
517$shell-brand-header-shadow: $shadow-1-down !default;
518/// size
519/// @namespace statement/header/divider
520$shell-brand-header-divider-size: $line-1 !default;
521/// style
522/// @namespace statement/header/divider
523$shell-brand-header-divider-style: $line-solid !default;
524/// color
525/// @namespace statement/header/divider
526$shell-brand-header-divider-color: $color-line1-1 !default;
527$shell-brand-header-divider: $shell-brand-header-divider-size $shell-brand-header-divider-style $shell-brand-header-divider-color;
528/// padding (l, r)
529/// @namespace statement/header
530$shell-brand-header-paddingLeft: $s-4 !default;
531
532/// min-height
533/// @namespace statement/multitask
534$shell-brand-multitask-min-height: $s-10 !default;
535/// background
536/// @namespace statement/multitask
537$shell-brand-multitask-background: $color-white !default;
538/// shadow
539/// @namespace statement/multitask
540$shell-brand-multitask-shadow: $shadow-zero !default;
541/// size
542/// @namespace statement/multitask/divider
543$shell-brand-multitask-divider-size: $line-1 !default;
544/// style
545/// @namespace statement/multitask/divider
546$shell-brand-multitask-divider-style: $line-solid !default;
547/// color
548/// @namespace statement/multitask/divider
549$shell-brand-multitask-divider-color: $color-line1-1 !default;
550$shell-brand-multitask-divider: $shell-brand-multitask-divider-size $shell-brand-multitask-divider-style $shell-brand-multitask-divider-color;
551/// padding (l, r)
552/// @namespace statement/multitask
553$shell-brand-multitask-paddingLeft: $s-zero !default;
554
555
556/// margin (l, r)
557/// @namespace statement/navigation
558$shell-brand-navigation-hoz-marginLeft: $s-12 !default;
559$shell-brand-navigation-hoz-align: flex-end !default; // flex-start flex-end center space-evenly space-around space-between
560
561
562/// width
563/// @namespace statement/navigation
564$shell-brand-navigation-ver-width: $s-42 !default;
565/// shadow
566/// @namespace statement/navigation
567$shell-brand-navigation-ver-shadow: $shadow-zero !default;
568/// padding (t)
569/// @namespace statement/navigation
570$shell-brand-navigation-ver-paddingTop: $s-2 !default;
571/// padding (b)
572/// @namespace statement/navigation
573$shell-brand-navigation-ver-paddingBottom: $s-2 !default;
574/// mini-width
575/// @namespace statement/navigation
576$shell-brand-navigation-ver-width-mini: $s-15 !default;
577/// background
578/// @namespace statement/navigation
579$shell-brand-navigation-ver-background: $color-white !default;
580/// size
581/// @namespace statement/navigation/divider
582$shell-brand-navigation-ver-divider-size: $line-1 !default;
583/// style
584/// @namespace statement/navigation/divider
585$shell-brand-navigation-ver-divider-style: $line-solid !default;
586/// color
587/// @namespace statement/navigation/divider
588$shell-brand-navigation-ver-divider-color: $color-line1-1 !default;
589$shell-brand-navigation-ver-divider: $shell-brand-navigation-ver-divider-size $shell-brand-navigation-ver-divider-style $shell-brand-navigation-ver-divider-color;
590
591/// width
592/// @namespace statement/local-navigation
593$shell-brand-local-navigation-width: $s-42 !default;
594/// background
595/// @namespace statement/local-navigation
596$shell-brand-local-navigation-background: $color-fill1-4 !default;
597/// padding (t)
598/// @namespace statement/local-navigation
599$shell-brand-local-navigation-paddingTop: $s-2 !default;
600/// padding (b)
601/// @namespace statement/local-navigation
602$shell-brand-local-navigation-paddingBottom: $s-2 !default;
603/// shadow
604/// @namespace statement/local-navigation
605$shell-brand-local-navigation-shadow: $shadow-zero !default;
606/// size
607/// @namespace statement/local-navigation/divider
608$shell-brand-local-navigation-divider-size: $line-1 !default;
609/// style
610/// @namespace statement/local-navigation/divider
611$shell-brand-local-navigation-divider-style: $line-solid !default;
612/// color
613/// @namespace statement/local-navigation/divider
614$shell-brand-local-navigation-divider-color: $color-line1-1 !default;
615$shell-brand-local-navigation-divider: $shell-brand-local-navigation-divider-size $shell-brand-local-navigation-divider-style $shell-brand-local-navigation-divider-color;
616
617/// background
618/// @namespace statement/appbar
619$shell-brand-appbar-background: $color-white !default;
620/// min-height
621/// @namespace statement/appbar
622$shell-brand-appbar-min-height: $s-12 !default;
623/// shadow
624/// @namespace statement/appbar
625$shell-brand-appbar-shadow: $shadow-zero !default;
626/// padding (l, r)
627/// @namespace statement/appbar
628$shell-brand-appbar-paddingLeft: $s-6 !default;
629/// size
630/// @namespace statement/appbar/divider
631$shell-brand-appbar-divider-size: $line-1 !default;
632/// style
633/// @namespace statement/appbar/divider
634$shell-brand-appbar-divider-style: $line-solid !default;
635/// color
636/// @namespace statement/appbar/divider
637$shell-brand-appbar-divider-color: $color-line1-1 !default;
638$shell-brand-appbar-divider: $shell-brand-appbar-divider-size $shell-brand-appbar-divider-style $shell-brand-appbar-divider-color;
639
640
641$shell-brand-content-max-width: unset !default;
642/// background
643/// @namespace statement/content
644$shell-brand-content-background: $color-fill1-3 !default;
645/// padding (l, r)
646/// @namespace statement/content
647$shell-brand-content-paddingLeft: $s-5 !default;
648/// padding (t, b)
649/// @namespace statement/content
650$shell-brand-content-paddingTop: $s-5 !default;
651
652$shell-brand-content-gutter-row: $s-4 !default;
653$shell-brand-content-gutter-column: $s-4 !default;
654$shell-brand-content-columns: 1 !default;
655
656/// min-height
657/// @namespace statement/footer
658$shell-brand-footer-min-height: $s-14 !default;
659/// background
660/// @namespace statement/footer
661$shell-brand-footer-background: $color-transparent !default;
662/// color
663/// @namespace statement/footer
664$shell-brand-footer-color: $color-text1-1 !default;
665/// font-size
666/// @namespace statement/footer
667$shell-brand-footer-font-size: $font-size-body-2 !default;
668
669/// width
670/// @namespace statement/ancillary
671$shell-brand-ancillary-width: $s-42 !default;
672/// background
673/// @namespace statement/ancillary
674$shell-brand-ancillary-background: $color-white !default;
675/// padding (t)
676/// @namespace statement/ancillary
677$shell-brand-ancillary-paddingTop: $s-2 !default;
678/// padding (b)
679/// @namespace statement/ancillary
680$shell-brand-ancillary-paddingBottom: $s-2 !default;
681/// shadow
682/// @namespace statement/ancillary
683$shell-brand-ancillary-shadow: $shadow-zero !default;
684/// size
685/// @namespace statement/ancillary/divider
686$shell-brand-ancillary-divider-size: $line-1 !default;
687/// style
688/// @namespace statement/ancillary/divider
689$shell-brand-ancillary-divider-style: $line-solid !default;
690/// color
691/// @namespace statement/ancillary/divider
692$shell-brand-ancillary-divider-color: $color-line1-1 !default;
693$shell-brand-ancillary-divider: $shell-brand-ancillary-divider-size $shell-brand-ancillary-divider-style $shell-brand-ancillary-divider-color;
694
695
696/// height
697/// @namespace statement/tooldock
698$shell-brand-tooldock-height: $s-13 !default;
699/// width
700/// @namespace statement/tooldock
701$shell-brand-tooldock-width: $s-13 !default;
702/// background
703/// @namespace statement/tooldock
704$shell-brand-tooldock-background: $color-fill1-4 !default;
705/// padding (t)
706/// @namespace statement/tooldock
707$shell-brand-tooldock-paddingTop: $s-2 !default;
708/// padding (b)
709/// @namespace statement/tooldock
710$shell-brand-tooldock-paddingBottom: $s-2 !default;
711/// shadow
712/// @namespace statement/tooldock
713$shell-brand-tooldock-shadow: $shadow-zero !default;
714/// size
715/// @namespace statement/tooldock/divider
716$shell-brand-tooldock-divider-size: $line-1 !default;
717/// style
718/// @namespace statement/tooldock/divider
719$shell-brand-tooldock-divider-style: $line-solid !default;
720/// color
721/// @namespace statement/tooldock/divider
722$shell-brand-tooldock-divider-color: $color-line1-1 !default;
723$shell-brand-tooldock-divider: $shell-brand-tooldock-divider-size $shell-brand-tooldock-divider-style $shell-brand-tooldock-divider-color;
724
725/// padding (t)
726/// @namespace statement/tooldock-item
727$shell-brand-tooldock-item-paddingTop: $s-2 !default;
728/// color
729/// @namespace statement/tooldock-item
730$shell-brand-tooldock-item-color: $color-text1-3 !default;
731/// color
732/// @namespace statement/tooldock-item/hover
733$shell-brand-tooldock-item-color-hover: $color-text1-4 !default;
734/// color
735/// @namespace statement/tooldock-item/active
736$shell-brand-tooldock-item-color-active: $color-text1-4 !default;
737/// background
738/// @namespace statement/tooldock-item
739$shell-brand-tooldock-item-background: $color-transparent !default;
740/// background
741/// @namespace statement/tooldock-item/hover
742$shell-brand-tooldock-item-background-hover: $color-fill1-3 !default;
743/// background
744/// @namespace statement/tooldock-item/active
745$shell-brand-tooldock-item-background-active: $color-fill1-3 !default;