UNPKG

11.1 kBCSSView Raw
1:root {
2--shell-light-header-color: #000000;
3--shell-light-header-height: 52px;
4--shell-light-header-background: #FFFFFF;
5--shell-light-header-shadow: none;
6--shell-light-header-divider-size: 1px;
7--shell-light-header-divider-style: solid;
8--shell-light-header-divider-color: #E6E7EB;
9--shell-light-header-divider: 1px solid #E6E7EB;
10--shell-light-header-paddingLeft: 16px;
11--shell-light-multitask-min-height: 40px;
12--shell-light-multitask-background: #FFFFFF;
13--shell-light-multitask-shadow: none;
14--shell-light-multitask-divider-size: 1px;
15--shell-light-multitask-divider-style: solid;
16--shell-light-multitask-divider-color: #E6E7EB;
17--shell-light-multitask-divider: 1px solid #E6E7EB;
18--shell-light-multitask-paddingLeft: 0px;
19--shell-light-navigation-hoz-marginLeft: 48px;
20--shell-light-navigation-hoz-align: flex-end;
21--shell-light-navigation-ver-width: 168px;
22--shell-light-navigation-ver-shadow: none;
23--shell-light-navigation-ver-paddingTop: 8px;
24--shell-light-navigation-ver-paddingBottom: 8px;
25--shell-light-navigation-ver-width-mini: 60px;
26--shell-light-navigation-ver-background: #FFFFFF;
27--shell-light-navigation-ver-divider-size: 1px;
28--shell-light-navigation-ver-divider-style: solid;
29--shell-light-navigation-ver-divider-color: #E6E7EB;
30--shell-light-navigation-ver-divider: 1px solid #E6E7EB;
31--shell-light-local-navigation-width: 168px;
32--shell-light-local-navigation-background: #E2E4E8;
33--shell-light-local-navigation-paddingTop: 8px;
34--shell-light-local-navigation-paddingBottom: 8px;
35--shell-light-local-navigation-shadow: none;
36--shell-light-local-navigation-divider-size: 1px;
37--shell-light-local-navigation-divider-style: solid;
38--shell-light-local-navigation-divider-color: #E6E7EB;
39--shell-light-local-navigation-divider: 1px solid #E6E7EB;
40--shell-light-appbar-background: #FFFFFF;
41--shell-light-appbar-min-height: 48px;
42--shell-light-appbar-shadow: none;
43--shell-light-appbar-paddingLeft: 24px;
44--shell-light-appbar-divider-size: 1px;
45--shell-light-appbar-divider-style: solid;
46--shell-light-appbar-divider-color: #E6E7EB;
47--shell-light-appbar-divider: 1px solid #E6E7EB;
48--shell-light-content-max-width: unset;
49--shell-light-content-background: #EBECF0;
50--shell-light-content-paddingLeft: 20px;
51--shell-light-content-paddingTop: 20px;
52--shell-light-content-gutter-row: 16px;
53--shell-light-content-gutter-column: 16px;
54--shell-light-content-columns: 1;
55--shell-light-footer-min-height: 56px;
56--shell-light-footer-background: transparent;
57--shell-light-footer-color: #CCCCCC;
58--shell-light-footer-font-size: 14px;
59--shell-light-ancillary-width: 168px;
60--shell-light-ancillary-background: #FFFFFF;
61--shell-light-ancillary-paddingTop: 8px;
62--shell-light-ancillary-paddingBottom: 8px;
63--shell-light-ancillary-shadow: none;
64--shell-light-ancillary-divider-size: 1px;
65--shell-light-ancillary-divider-style: solid;
66--shell-light-ancillary-divider-color: #E6E7EB;
67--shell-light-ancillary-divider: 1px solid #E6E7EB;
68--shell-light-tooldock-height: 52px;
69--shell-light-tooldock-width: 52px;
70--shell-light-tooldock-background: #E2E4E8;
71--shell-light-tooldock-paddingTop: 8px;
72--shell-light-tooldock-paddingBottom: 8px;
73--shell-light-tooldock-shadow: none;
74--shell-light-tooldock-divider-size: 1px;
75--shell-light-tooldock-divider-style: solid;
76--shell-light-tooldock-divider-color: #E6E7EB;
77--shell-light-tooldock-divider: 1px solid #E6E7EB;
78--shell-light-tooldock-item-paddingTop: 8px;
79--shell-light-tooldock-item-color: #666666;
80--shell-light-tooldock-item-color-hover: #333333;
81--shell-light-tooldock-item-color-active: #333333;
82--shell-light-tooldock-item-background: transparent;
83--shell-light-tooldock-item-background-hover: #EBECF0;
84--shell-light-tooldock-item-background-active: #EBECF0;
85--shell-dark-header-color: #FFFFFF;
86--shell-dark-header-height: 52px;
87--shell-dark-header-background: #000000;
88--shell-dark-header-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
89--shell-dark-header-divider-size: 1px;
90--shell-dark-header-divider-style: solid;
91--shell-dark-header-divider-color: #1F1F1F;
92--shell-dark-header-divider: 1px solid #1F1F1F;
93--shell-dark-header-paddingLeft: 16px;
94--shell-dark-multitask-min-height: 40px;
95--shell-dark-multitask-background: #FFFFFF;
96--shell-dark-multitask-shadow: none;
97--shell-dark-multitask-divider-size: 1px;
98--shell-dark-multitask-divider-style: solid;
99--shell-dark-multitask-divider-color: #E6E7EB;
100--shell-dark-multitask-divider: 1px solid #E6E7EB;
101--shell-dark-multitask-paddingLeft: 0px;
102--shell-dark-navigation-hoz-marginLeft: 48px;
103--shell-dark-navigation-hoz-align: flex-end;
104--shell-dark-navigation-ver-width: 168px;
105--shell-dark-navigation-ver-shadow: none;
106--shell-dark-navigation-ver-paddingTop: 8px;
107--shell-dark-navigation-ver-paddingBottom: 8px;
108--shell-dark-navigation-ver-width-mini: 60px;
109--shell-dark-navigation-ver-background: #333333;
110--shell-dark-navigation-ver-divider-size: 1px;
111--shell-dark-navigation-ver-divider-style: solid;
112--shell-dark-navigation-ver-divider-color: #E6E7EB;
113--shell-dark-navigation-ver-divider: 1px solid #E6E7EB;
114--shell-dark-local-navigation-width: 168px;
115--shell-dark-local-navigation-background: #E2E4E8;
116--shell-dark-local-navigation-paddingTop: 8px;
117--shell-dark-local-navigation-paddingBottom: 8px;
118--shell-dark-local-navigation-shadow: none;
119--shell-dark-local-navigation-divider-size: 1px;
120--shell-dark-local-navigation-divider-style: solid;
121--shell-dark-local-navigation-divider-color: #E6E7EB;
122--shell-dark-local-navigation-divider: 1px solid #E6E7EB;
123--shell-dark-appbar-background: #FFFFFF;
124--shell-dark-appbar-min-height: 48px;
125--shell-dark-appbar-shadow: none;
126--shell-dark-appbar-paddingLeft: 24px;
127--shell-dark-appbar-divider-size: 1px;
128--shell-dark-appbar-divider-style: solid;
129--shell-dark-appbar-divider-color: #E6E7EB;
130--shell-dark-appbar-divider: 1px solid #E6E7EB;
131--shell-dark-content-max-width: unset;
132--shell-dark-content-background: #EBECF0;
133--shell-dark-content-paddingLeft: 20px;
134--shell-dark-content-paddingTop: 20px;
135--shell-dark-content-gutter-row: 16px;
136--shell-dark-content-gutter-column: 16px;
137--shell-dark-content-columns: 1;
138--shell-dark-footer-min-height: 56px;
139--shell-dark-footer-background: transparent;
140--shell-dark-footer-color: #CCCCCC;
141--shell-dark-footer-font-size: 14px;
142--shell-dark-ancillary-width: 168px;
143--shell-dark-ancillary-background: #FFFFFF;
144--shell-dark-ancillary-paddingTop: 8px;
145--shell-dark-ancillary-paddingBottom: 8px;
146--shell-dark-ancillary-shadow: none;
147--shell-dark-ancillary-divider-size: 1px;
148--shell-dark-ancillary-divider-style: solid;
149--shell-dark-ancillary-divider-color: #E6E7EB;
150--shell-dark-ancillary-divider: 1px solid #E6E7EB;
151--shell-dark-tooldock-height: 52px;
152--shell-dark-tooldock-width: 52px;
153--shell-dark-tooldock-background: #E2E4E8;
154--shell-dark-tooldock-paddingTop: 8px;
155--shell-dark-tooldock-paddingBottom: 8px;
156--shell-dark-tooldock-shadow: none;
157--shell-dark-tooldock-divider-size: 1px;
158--shell-dark-tooldock-divider-style: solid;
159--shell-dark-tooldock-divider-color: #E6E7EB;
160--shell-dark-tooldock-divider: 1px solid #E6E7EB;
161--shell-dark-tooldock-item-paddingTop: 8px;
162--shell-dark-tooldock-item-color: #666666;
163--shell-dark-tooldock-item-color-hover: #333333;
164--shell-dark-tooldock-item-color-active: #333333;
165--shell-dark-tooldock-item-background: transparent;
166--shell-dark-tooldock-item-background-hover: #EBECF0;
167--shell-dark-tooldock-item-background-active: #EBECF0;
168--shell-brand-header-color: #FFFFFF;
169--shell-brand-header-height: 52px;
170--shell-brand-header-background: #5584FF;
171--shell-brand-header-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
172--shell-brand-header-divider-size: 1px;
173--shell-brand-header-divider-style: solid;
174--shell-brand-header-divider-color: #E6E7EB;
175--shell-brand-header-divider: 1px solid #E6E7EB;
176--shell-brand-header-paddingLeft: 16px;
177--shell-brand-multitask-min-height: 40px;
178--shell-brand-multitask-background: #FFFFFF;
179--shell-brand-multitask-shadow: none;
180--shell-brand-multitask-divider-size: 1px;
181--shell-brand-multitask-divider-style: solid;
182--shell-brand-multitask-divider-color: #E6E7EB;
183--shell-brand-multitask-divider: 1px solid #E6E7EB;
184--shell-brand-multitask-paddingLeft: 0px;
185--shell-brand-navigation-hoz-marginLeft: 48px;
186--shell-brand-navigation-hoz-align: flex-end;
187--shell-brand-navigation-ver-width: 168px;
188--shell-brand-navigation-ver-shadow: none;
189--shell-brand-navigation-ver-paddingTop: 8px;
190--shell-brand-navigation-ver-paddingBottom: 8px;
191--shell-brand-navigation-ver-width-mini: 60px;
192--shell-brand-navigation-ver-background: #FFFFFF;
193--shell-brand-navigation-ver-divider-size: 1px;
194--shell-brand-navigation-ver-divider-style: solid;
195--shell-brand-navigation-ver-divider-color: #E6E7EB;
196--shell-brand-navigation-ver-divider: 1px solid #E6E7EB;
197--shell-brand-local-navigation-width: 168px;
198--shell-brand-local-navigation-background: #E2E4E8;
199--shell-brand-local-navigation-paddingTop: 8px;
200--shell-brand-local-navigation-paddingBottom: 8px;
201--shell-brand-local-navigation-shadow: none;
202--shell-brand-local-navigation-divider-size: 1px;
203--shell-brand-local-navigation-divider-style: solid;
204--shell-brand-local-navigation-divider-color: #E6E7EB;
205--shell-brand-local-navigation-divider: 1px solid #E6E7EB;
206--shell-brand-appbar-background: #FFFFFF;
207--shell-brand-appbar-min-height: 48px;
208--shell-brand-appbar-shadow: none;
209--shell-brand-appbar-paddingLeft: 24px;
210--shell-brand-appbar-divider-size: 1px;
211--shell-brand-appbar-divider-style: solid;
212--shell-brand-appbar-divider-color: #E6E7EB;
213--shell-brand-appbar-divider: 1px solid #E6E7EB;
214--shell-brand-content-max-width: unset;
215--shell-brand-content-background: #EBECF0;
216--shell-brand-content-paddingLeft: 20px;
217--shell-brand-content-paddingTop: 20px;
218--shell-brand-content-gutter-row: 16px;
219--shell-brand-content-gutter-column: 16px;
220--shell-brand-content-columns: 1;
221--shell-brand-footer-min-height: 56px;
222--shell-brand-footer-background: transparent;
223--shell-brand-footer-color: #CCCCCC;
224--shell-brand-footer-font-size: 14px;
225--shell-brand-ancillary-width: 168px;
226--shell-brand-ancillary-background: #FFFFFF;
227--shell-brand-ancillary-paddingTop: 8px;
228--shell-brand-ancillary-paddingBottom: 8px;
229--shell-brand-ancillary-shadow: none;
230--shell-brand-ancillary-divider-size: 1px;
231--shell-brand-ancillary-divider-style: solid;
232--shell-brand-ancillary-divider-color: #E6E7EB;
233--shell-brand-ancillary-divider: 1px solid #E6E7EB;
234--shell-brand-tooldock-height: 52px;
235--shell-brand-tooldock-width: 52px;
236--shell-brand-tooldock-background: #E2E4E8;
237--shell-brand-tooldock-paddingTop: 8px;
238--shell-brand-tooldock-paddingBottom: 8px;
239--shell-brand-tooldock-shadow: none;
240--shell-brand-tooldock-divider-size: 1px;
241--shell-brand-tooldock-divider-style: solid;
242--shell-brand-tooldock-divider-color: #E6E7EB;
243--shell-brand-tooldock-divider: 1px solid #E6E7EB;
244--shell-brand-tooldock-item-paddingTop: 8px;
245--shell-brand-tooldock-item-color: #666666;
246--shell-brand-tooldock-item-color-hover: #333333;
247--shell-brand-tooldock-item-color-active: #333333;
248--shell-brand-tooldock-item-background: transparent;
249--shell-brand-tooldock-item-background-hover: #EBECF0;
250--shell-brand-tooldock-item-background-active: #EBECF0;
251}