UNPKG

16 kBCSSView Raw
1/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2/* stylelint-disable no-duplicate-selectors */
3/* stylelint-disable */
4/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
5.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
6 height: 40px;
7}
8.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
9 visibility: hidden;
10}
11.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
12 height: 40px;
13 margin: 0;
14 margin-right: 2px;
15 padding: 0 16px;
16 line-height: 38px;
17 background: #fafafa;
18 border: 1px solid #f0f0f0;
19 border-radius: 2px 2px 0 0;
20 transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
21}
22.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
23 height: 40px;
24 color: #1890ff;
25 background: #fff;
26 border-color: #f0f0f0;
27 border-bottom: 1px solid #fff;
28}
29.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
30 border-top: 2px solid transparent;
31}
32.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {
33 color: #1890ff;
34 color: rgba(0, 0, 0, 0.25);
35}
36.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
37 padding: 0;
38}
39.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
40 margin-bottom: 0;
41}
42.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
43 width: 16px;
44 height: 16px;
45 height: 14px;
46 margin-right: -5px;
47 margin-left: 3px;
48 overflow: hidden;
49 color: rgba(0, 0, 0, 0.45);
50 font-size: 12px;
51 vertical-align: middle;
52 transition: all 0.3s;
53}
54.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
55 color: rgba(0, 0, 0, 0.85);
56}
57.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,
58.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {
59 transition: none !important;
60}
61.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
62.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {
63 overflow: hidden;
64}
65.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
66 opacity: 1;
67}
68.ant-tabs-extra-content {
69 line-height: 46.001px;
70}
71.ant-tabs-extra-content .ant-tabs-new-tab {
72 position: relative;
73 width: 20px;
74 height: 20px;
75 color: rgba(0, 0, 0, 0.85);
76 font-size: 12px;
77 line-height: 20px;
78 text-align: center;
79 border: 1px solid #f0f0f0;
80 border-radius: 2px;
81 cursor: pointer;
82 transition: all 0.3s;
83}
84.ant-tabs-extra-content .ant-tabs-new-tab:hover {
85 color: #1890ff;
86 border-color: #1890ff;
87}
88.ant-tabs-extra-content .ant-tabs-new-tab svg {
89 position: absolute;
90 top: 0;
91 right: 0;
92 bottom: 0;
93 left: 0;
94 margin: auto;
95}
96.ant-tabs.ant-tabs-large .ant-tabs-extra-content {
97 line-height: 57.144px;
98}
99.ant-tabs.ant-tabs-small .ant-tabs-extra-content {
100 line-height: 38.001px;
101}
102.ant-tabs.ant-tabs-card .ant-tabs-extra-content {
103 line-height: 40px;
104}
105.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,
106.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {
107 height: 100%;
108}
109.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
110.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
111 margin-bottom: 8px;
112 border-bottom: 1px solid #f0f0f0;
113}
114.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,
115.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
116 padding-bottom: 4px;
117}
118.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,
119.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {
120 margin-bottom: 8px;
121}
122.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,
123.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {
124 width: 90%;
125}
126.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {
127 margin-right: 0;
128}
129.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
130 margin-right: 1px;
131 border-right: 0;
132 border-radius: 2px 0 0 2px;
133}
134.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {
135 margin-right: -1px;
136 padding-right: 18px;
137}
138.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {
139 margin-left: 0;
140}
141.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
142 margin-left: 1px;
143 border-left: 0;
144 border-radius: 0 2px 2px 0;
145}
146.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
147 margin-left: -1px;
148 padding-left: 18px;
149}
150.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
151 height: auto;
152 border-top: 0;
153 border-bottom: 1px solid #f0f0f0;
154 border-radius: 0 0 2px 2px;
155}
156.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
157 padding-top: 1px;
158 padding-bottom: 0;
159 color: #1890ff;
160}
161.ant-tabs {
162 box-sizing: border-box;
163 margin: 0;
164 padding: 0;
165 color: rgba(0, 0, 0, 0.85);
166 font-size: 14px;
167 font-variant: tabular-nums;
168 line-height: 1.5715;
169 list-style: none;
170 font-feature-settings: 'tnum';
171 position: relative;
172 overflow: hidden;
173 zoom: 1;
174}
175.ant-tabs::before,
176.ant-tabs::after {
177 display: table;
178 content: '';
179}
180.ant-tabs::after {
181 clear: both;
182}
183.ant-tabs-ink-bar {
184 position: absolute;
185 bottom: 1px;
186 left: 0;
187 z-index: 1;
188 box-sizing: border-box;
189 width: 0;
190 height: 2px;
191 background-color: #1890ff;
192 transform-origin: 0 0;
193}
194.ant-tabs-bar {
195 margin: 0 0 16px 0;
196 border-bottom: 1px solid #f0f0f0;
197 outline: none;
198 transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
199}
200.ant-tabs-nav-container {
201 position: relative;
202 box-sizing: border-box;
203 margin-bottom: -1px;
204 overflow: hidden;
205 font-size: 14px;
206 line-height: 1.5715;
207 white-space: nowrap;
208 transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
209 zoom: 1;
210}
211.ant-tabs-nav-container::before,
212.ant-tabs-nav-container::after {
213 display: table;
214 content: '';
215}
216.ant-tabs-nav-container::after {
217 clear: both;
218}
219.ant-tabs-nav-container-scrolling {
220 padding-right: 32px;
221 padding-left: 32px;
222}
223.ant-tabs-bottom .ant-tabs-bottom-bar {
224 margin-top: 16px;
225 margin-bottom: 0;
226 border-top: 1px solid #f0f0f0;
227 border-bottom: none;
228}
229.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
230 top: 1px;
231 bottom: auto;
232}
233.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
234 margin-top: -1px;
235 margin-bottom: 0;
236}
237.ant-tabs-tab-prev,
238.ant-tabs-tab-next {
239 position: absolute;
240 z-index: 2;
241 width: 0;
242 height: 100%;
243 color: rgba(0, 0, 0, 0.45);
244 text-align: center;
245 background-color: transparent;
246 border: 0;
247 cursor: pointer;
248 opacity: 0;
249 transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
250 -webkit-user-select: none;
251 -moz-user-select: none;
252 -ms-user-select: none;
253 user-select: none;
254 pointer-events: none;
255}
256.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
257.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
258 width: 32px;
259 height: 100%;
260 opacity: 1;
261 pointer-events: auto;
262}
263.ant-tabs-tab-prev:hover,
264.ant-tabs-tab-next:hover {
265 color: rgba(0, 0, 0, 0.85);
266}
267.ant-tabs-tab-prev-icon,
268.ant-tabs-tab-next-icon {
269 position: absolute;
270 top: 50%;
271 left: 50%;
272 font-weight: bold;
273 font-style: normal;
274 font-variant: normal;
275 line-height: inherit;
276 text-align: center;
277 text-transform: none;
278 transform: translate(-50%, -50%);
279}
280.ant-tabs-tab-prev-icon-target,
281.ant-tabs-tab-next-icon-target {
282 display: block;
283 display: inline-block;
284 font-size: 12px;
285 font-size: 10px \9;
286 transform: scale(0.83333333) rotate(0deg);
287}
288:root .ant-tabs-tab-prev-icon-target,
289:root .ant-tabs-tab-next-icon-target {
290 font-size: 12px;
291}
292.ant-tabs-tab-btn-disabled {
293 cursor: not-allowed;
294}
295.ant-tabs-tab-btn-disabled,
296.ant-tabs-tab-btn-disabled:hover {
297 color: rgba(0, 0, 0, 0.25);
298}
299.ant-tabs-tab-next {
300 right: 2px;
301}
302.ant-tabs-tab-prev {
303 left: 0;
304}
305:root .ant-tabs-tab-prev {
306 filter: none;
307}
308.ant-tabs-nav-wrap {
309 margin-bottom: -1px;
310 overflow: hidden;
311}
312.ant-tabs-nav-scroll {
313 overflow: hidden;
314 white-space: nowrap;
315}
316.ant-tabs-nav {
317 position: relative;
318 display: inline-block;
319 box-sizing: border-box;
320 margin: 0;
321 padding-left: 0;
322 list-style: none;
323 transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
324}
325.ant-tabs-nav::before,
326.ant-tabs-nav::after {
327 display: table;
328 content: ' ';
329}
330.ant-tabs-nav::after {
331 clear: both;
332}
333.ant-tabs-nav .ant-tabs-tab {
334 position: relative;
335 display: inline-block;
336 box-sizing: border-box;
337 height: 100%;
338 margin: 0 32px 0 0;
339 padding: 12px 16px;
340 text-decoration: none;
341 cursor: pointer;
342 transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
343}
344.ant-tabs-nav .ant-tabs-tab::before {
345 position: absolute;
346 top: -1px;
347 left: 0;
348 width: 100%;
349 border-top: 2px solid transparent;
350 border-radius: 2px 2px 0 0;
351 transition: all 0.3s;
352 content: '';
353 pointer-events: none;
354}
355.ant-tabs-nav .ant-tabs-tab:last-child {
356 margin-right: 0;
357}
358.ant-tabs-nav .ant-tabs-tab:hover {
359 color: #40a9ff;
360}
361.ant-tabs-nav .ant-tabs-tab:active {
362 color: #096dd9;
363}
364.ant-tabs-nav .ant-tabs-tab .anticon {
365 margin-right: 8px;
366}
367.ant-tabs-nav .ant-tabs-tab-active {
368 color: #1890ff;
369 font-weight: 500;
370}
371.ant-tabs-nav .ant-tabs-tab-disabled,
372.ant-tabs-nav .ant-tabs-tab-disabled:hover {
373 color: rgba(0, 0, 0, 0.25);
374 cursor: not-allowed;
375}
376.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
377 font-size: 16px;
378}
379.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
380 padding: 16px;
381}
382.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
383 font-size: 14px;
384}
385.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
386 padding: 8px 16px;
387}
388.ant-tabs .ant-tabs-centered-bar .ant-tabs-nav-wrap {
389 text-align: center;
390}
391.ant-tabs-content::before {
392 display: block;
393 overflow: hidden;
394 content: '';
395}
396.ant-tabs .ant-tabs-top-content,
397.ant-tabs .ant-tabs-bottom-content {
398 width: 100%;
399}
400.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
401.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
402 flex-shrink: 0;
403 width: 100%;
404 -webkit-backface-visibility: hidden;
405 opacity: 1;
406 transition: opacity 0.45s;
407}
408.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,
409.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {
410 height: 0;
411 padding: 0 !important;
412 overflow: hidden;
413 opacity: 0;
414 pointer-events: none;
415}
416.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,
417.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {
418 visibility: hidden;
419}
420.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
421.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
422 display: flex;
423 flex-direction: row;
424 transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
425 will-change: margin-left;
426}
427.ant-tabs .ant-tabs-left-bar,
428.ant-tabs .ant-tabs-right-bar {
429 height: 100%;
430 border-bottom: 0;
431}
432.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show,
433.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show {
434 width: 100%;
435 height: 32px;
436}
437.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
438.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
439 display: block;
440 float: none;
441 margin: 0 0 16px 0;
442 padding: 8px 24px;
443}
444.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
445.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
446 margin-bottom: 0;
447}
448.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
449.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
450 text-align: center;
451}
452.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
453.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
454 width: auto;
455}
456.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
457.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
458.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
459.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
460 height: 100%;
461}
462.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
463.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
464 margin-bottom: 0;
465}
466.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
467.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
468 padding: 32px 0;
469}
470.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
471.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
472 margin-bottom: 0;
473}
474.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
475.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
476 width: 100%;
477}
478.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
479.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
480 top: 0;
481 bottom: auto;
482 left: auto;
483 width: 2px;
484 height: 0;
485}
486.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
487.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
488 right: 0;
489 bottom: 0;
490 width: 100%;
491 height: 32px;
492}
493.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
494.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
495 top: 0;
496 width: 100%;
497 height: 32px;
498}
499.ant-tabs .ant-tabs-left-content,
500.ant-tabs .ant-tabs-right-content {
501 width: auto;
502 margin-top: 0 !important;
503 overflow: hidden;
504}
505.ant-tabs .ant-tabs-left-bar {
506 float: left;
507 margin-right: -1px;
508 margin-bottom: 0;
509 border-right: 1px solid #f0f0f0;
510}
511.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
512 text-align: right;
513}
514.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
515 margin-right: -1px;
516}
517.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
518 margin-right: -1px;
519}
520.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
521 right: 1px;
522}
523.ant-tabs .ant-tabs-left-content {
524 padding-left: 24px;
525 border-left: 1px solid #f0f0f0;
526}
527.ant-tabs .ant-tabs-right-bar {
528 float: right;
529 margin-bottom: 0;
530 margin-left: -1px;
531 border-left: 1px solid #f0f0f0;
532}
533.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
534 margin-left: -1px;
535}
536.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
537 margin-left: -1px;
538}
539.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
540 left: 1px;
541}
542.ant-tabs .ant-tabs-right-content {
543 padding-right: 24px;
544 border-right: 1px solid #f0f0f0;
545}
546.ant-tabs-top .ant-tabs-ink-bar-animated,
547.ant-tabs-bottom .ant-tabs-ink-bar-animated {
548 transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
549}
550.ant-tabs-left .ant-tabs-ink-bar-animated,
551.ant-tabs-right .ant-tabs-ink-bar-animated {
552 transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
553}
554.no-flex > .ant-tabs-content > .ant-tabs-content-animated,
555.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {
556 margin-left: 0 !important;
557 transform: none !important;
558}
559.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
560.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {
561 height: 0;
562 padding: 0 !important;
563 overflow: hidden;
564 opacity: 0;
565 pointer-events: none;
566}
567.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
568.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {
569 visibility: hidden;
570}
571.ant-tabs-left-content > .ant-tabs-content-animated,
572.ant-tabs-right-content > .ant-tabs-content-animated {
573 margin-left: 0 !important;
574 transform: none !important;
575}
576.ant-tabs-left-content > .ant-tabs-tabpane-inactive,
577.ant-tabs-right-content > .ant-tabs-tabpane-inactive {
578 height: 0;
579 padding: 0 !important;
580 overflow: hidden;
581 opacity: 0;
582 pointer-events: none;
583}
584.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,
585.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {
586 visibility: hidden;
587}