UNPKG

19.9 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-select-single .ant-select-selector {
6 display: flex;
7}
8.ant-select-single .ant-select-selector .ant-select-selection-search {
9 position: absolute;
10 top: 0;
11 right: 11px;
12 bottom: 0;
13 left: 11px;
14}
15.ant-select-single .ant-select-selector .ant-select-selection-search-input {
16 width: 100%;
17}
18.ant-select-single .ant-select-selector .ant-select-selection-item,
19.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
20 padding: 0;
21 line-height: 30px;
22 transition: all 0.3s;
23}
24@supports (-moz-appearance: meterbar) {
25 .ant-select-single .ant-select-selector .ant-select-selection-item,
26 .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
27 line-height: 30px;
28 }
29}
30.ant-select-single .ant-select-selector .ant-select-selection-item {
31 position: relative;
32 -webkit-user-select: none;
33 -moz-user-select: none;
34 -ms-user-select: none;
35 user-select: none;
36}
37.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
38 pointer-events: none;
39}
40.ant-select-single .ant-select-selector::after,
41.ant-select-single .ant-select-selector .ant-select-selection-item::after,
42.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after {
43 display: inline-block;
44 width: 0;
45 visibility: hidden;
46 content: '\a0';
47}
48.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
49 right: 25px;
50}
51.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
52.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
53 padding-right: 18px;
54}
55.ant-select-single.ant-select-open .ant-select-selection-item {
56 color: #bfbfbf;
57}
58.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
59 width: 100%;
60 height: 32px;
61 padding: 0 11px;
62}
63.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
64 height: 30px;
65}
66.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
67 line-height: 30px;
68}
69.ant-select-single.ant-select-customize-input .ant-select-selector::after {
70 display: none;
71}
72.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search {
73 position: static;
74 width: 100%;
75}
76.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder {
77 position: absolute;
78 right: 0;
79 left: 0;
80 padding: 0 11px;
81}
82.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after {
83 display: none;
84}
85.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
86 height: 40px;
87}
88.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after,
89.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
90.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
91 line-height: 38px;
92}
93.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
94 height: 38px;
95}
96.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
97 height: 24px;
98}
99.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after,
100.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
101.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder {
102 line-height: 22px;
103}
104.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input {
105 height: 22px;
106}
107.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search {
108 right: 7px;
109 left: 7px;
110}
111.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
112 padding: 0 7px;
113}
114.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
115 right: 28px;
116}
117.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
118.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
119 padding-right: 21px;
120}
121.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
122 padding: 0 11px;
123}
124/**
125 * Do not merge `height` & `line-height` under style with `selection` & `search`,
126 * since chrome may update to redesign with its align logic.
127 */
128.ant-select-selection-overflow {
129 position: relative;
130 display: flex;
131 flex: auto;
132 flex-wrap: wrap;
133 max-width: 100%;
134}
135.ant-select-selection-overflow-item {
136 flex: none;
137 align-self: center;
138 max-width: 100%;
139}
140.ant-select-multiple .ant-select-selector {
141 display: flex;
142 flex-wrap: wrap;
143 align-items: center;
144 padding: 1px 4px;
145}
146.ant-select-show-search.ant-select-multiple .ant-select-selector {
147 cursor: text;
148}
149.ant-select-disabled.ant-select-multiple .ant-select-selector {
150 background: #f5f5f5;
151 cursor: not-allowed;
152}
153.ant-select-multiple .ant-select-selector::after {
154 display: inline-block;
155 width: 0;
156 margin: 2px 0;
157 line-height: 24px;
158 content: '\a0';
159}
160.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
161.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
162 padding-right: 24px;
163}
164.ant-select-multiple .ant-select-selection-item {
165 position: relative;
166 display: flex;
167 flex: none;
168 box-sizing: border-box;
169 max-width: 100%;
170 height: 24px;
171 margin-top: 2px;
172 margin-bottom: 2px;
173 line-height: 22px;
174 background: #f5f5f5;
175 border: 1px solid #f0f0f0;
176 border-radius: 2px;
177 cursor: default;
178 transition: font-size 0.3s, line-height 0.3s, height 0.3s;
179 -webkit-user-select: none;
180 -moz-user-select: none;
181 -ms-user-select: none;
182 user-select: none;
183 -webkit-margin-end: 4px;
184 margin-inline-end: 4px;
185 -webkit-padding-start: 8px;
186 padding-inline-start: 8px;
187 -webkit-padding-end: 4px;
188 padding-inline-end: 4px;
189}
190.ant-select-disabled.ant-select-multiple .ant-select-selection-item {
191 color: #bfbfbf;
192 border-color: #d9d9d9;
193 cursor: not-allowed;
194}
195.ant-select-multiple .ant-select-selection-item-content {
196 display: inline-block;
197 margin-right: 4px;
198 overflow: hidden;
199 white-space: pre;
200 text-overflow: ellipsis;
201}
202.ant-select-multiple .ant-select-selection-item-remove {
203 color: inherit;
204 font-style: normal;
205 line-height: 0;
206 text-align: center;
207 text-transform: none;
208 vertical-align: -0.125em;
209 text-rendering: optimizeLegibility;
210 -webkit-font-smoothing: antialiased;
211 -moz-osx-font-smoothing: grayscale;
212 display: inline-block;
213 color: rgba(0, 0, 0, 0.45);
214 font-weight: bold;
215 font-size: 10px;
216 line-height: inherit;
217 cursor: pointer;
218}
219.ant-select-multiple .ant-select-selection-item-remove > * {
220 line-height: 1;
221}
222.ant-select-multiple .ant-select-selection-item-remove svg {
223 display: inline-block;
224}
225.ant-select-multiple .ant-select-selection-item-remove::before {
226 display: none;
227}
228.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon {
229 display: block;
230}
231.ant-select-multiple .ant-select-selection-item-remove > .anticon {
232 vertical-align: -0.2em;
233}
234.ant-select-multiple .ant-select-selection-item-remove:hover {
235 color: rgba(0, 0, 0, 0.75);
236}
237.ant-select-multiple .ant-select-selection-overflow-item + .ant-select-selection-overflow-item .ant-select-selection-search {
238 -webkit-margin-start: 0;
239 margin-inline-start: 0;
240}
241.ant-select-multiple .ant-select-selection-search {
242 position: relative;
243 max-width: 100%;
244 margin-top: 2px;
245 margin-bottom: 2px;
246 -webkit-margin-start: 7px;
247 margin-inline-start: 7px;
248}
249.ant-select-multiple .ant-select-selection-search-input,
250.ant-select-multiple .ant-select-selection-search-mirror {
251 height: 24px;
252 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
253 line-height: 24px;
254 transition: all 0.3s;
255}
256.ant-select-multiple .ant-select-selection-search-input {
257 width: 100%;
258 min-width: 4.1px;
259}
260.ant-select-multiple .ant-select-selection-search-mirror {
261 position: absolute;
262 top: 0;
263 left: 0;
264 z-index: 999;
265 white-space: pre;
266 visibility: hidden;
267}
268.ant-select-multiple .ant-select-selection-placeholder {
269 position: absolute;
270 top: 50%;
271 right: 11px;
272 left: 11px;
273 transform: translateY(-50%);
274 transition: all 0.3s;
275}
276.ant-select-multiple.ant-select-lg .ant-select-selector::after {
277 line-height: 32px;
278}
279.ant-select-multiple.ant-select-lg .ant-select-selection-item {
280 height: 32px;
281 line-height: 30px;
282}
283.ant-select-multiple.ant-select-lg .ant-select-selection-search {
284 height: 32px;
285 line-height: 32px;
286}
287.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,
288.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror {
289 height: 32px;
290 line-height: 30px;
291}
292.ant-select-multiple.ant-select-sm .ant-select-selector::after {
293 line-height: 16px;
294}
295.ant-select-multiple.ant-select-sm .ant-select-selection-item {
296 height: 16px;
297 line-height: 14px;
298}
299.ant-select-multiple.ant-select-sm .ant-select-selection-search {
300 height: 16px;
301 line-height: 16px;
302}
303.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,
304.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror {
305 height: 16px;
306 line-height: 14px;
307}
308.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
309 left: 7px;
310}
311.ant-select-multiple.ant-select-sm .ant-select-selection-search {
312 -webkit-margin-start: 3px;
313 margin-inline-start: 3px;
314}
315.ant-select-multiple.ant-select-lg .ant-select-selection-item {
316 height: 32px;
317 line-height: 32px;
318}
319.ant-select-disabled .ant-select-selection-item-remove {
320 display: none;
321}
322/* Reset search input style */
323.ant-select {
324 box-sizing: border-box;
325 margin: 0;
326 padding: 0;
327 color: rgba(0, 0, 0, 0.85);
328 font-size: 14px;
329 font-variant: tabular-nums;
330 line-height: 1.5715;
331 list-style: none;
332 font-feature-settings: 'tnum';
333 position: relative;
334 display: inline-block;
335 cursor: pointer;
336}
337.ant-select:not(.ant-select-customize-input) .ant-select-selector {
338 position: relative;
339 background-color: #fff;
340 border: 1px solid #d9d9d9;
341 border-radius: 2px;
342 transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
343}
344.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
345 cursor: pointer;
346}
347.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector {
348 cursor: text;
349}
350.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
351 cursor: auto;
352}
353.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
354 border-color: #40a9ff;
355 border-right-width: 1px !important;
356 outline: 0;
357 box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
358}
359.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
360 color: rgba(0, 0, 0, 0.25);
361 background: #f5f5f5;
362 cursor: not-allowed;
363}
364.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector {
365 background: #f5f5f5;
366}
367.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input {
368 cursor: not-allowed;
369}
370.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
371 margin: 0;
372 padding: 0;
373 background: transparent;
374 border: none;
375 outline: none;
376 -webkit-appearance: none;
377 -moz-appearance: none;
378 appearance: none;
379}
380.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button {
381 display: none;
382 -webkit-appearance: none;
383}
384.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
385 border-color: #40a9ff;
386 border-right-width: 1px !important;
387}
388.ant-select-selection-item {
389 flex: 1;
390 overflow: hidden;
391 white-space: nowrap;
392 text-overflow: ellipsis;
393}
394@media all and (-ms-high-contrast: none) {
395 .ant-select-selection-item *::-ms-backdrop,
396 .ant-select-selection-item {
397 flex: auto;
398 }
399}
400.ant-select-selection-placeholder {
401 flex: 1;
402 overflow: hidden;
403 color: #bfbfbf;
404 white-space: nowrap;
405 text-overflow: ellipsis;
406 pointer-events: none;
407}
408@media all and (-ms-high-contrast: none) {
409 .ant-select-selection-placeholder *::-ms-backdrop,
410 .ant-select-selection-placeholder {
411 flex: auto;
412 }
413}
414.ant-select-arrow {
415 display: inline-block;
416 color: inherit;
417 font-style: normal;
418 line-height: 0;
419 text-transform: none;
420 vertical-align: -0.125em;
421 text-rendering: optimizeLegibility;
422 -webkit-font-smoothing: antialiased;
423 -moz-osx-font-smoothing: grayscale;
424 position: absolute;
425 top: 53%;
426 right: 11px;
427 width: 12px;
428 height: 12px;
429 margin-top: -6px;
430 color: rgba(0, 0, 0, 0.25);
431 font-size: 12px;
432 line-height: 1;
433 text-align: center;
434 pointer-events: none;
435}
436.ant-select-arrow > * {
437 line-height: 1;
438}
439.ant-select-arrow svg {
440 display: inline-block;
441}
442.ant-select-arrow::before {
443 display: none;
444}
445.ant-select-arrow .ant-select-arrow-icon {
446 display: block;
447}
448.ant-select-arrow .anticon {
449 vertical-align: top;
450 transition: transform 0.3s;
451}
452.ant-select-arrow .anticon > svg {
453 vertical-align: top;
454}
455.ant-select-arrow .anticon:not(.ant-select-suffix) {
456 pointer-events: auto;
457}
458.ant-select-disabled .ant-select-arrow {
459 cursor: not-allowed;
460}
461.ant-select-clear {
462 position: absolute;
463 top: 50%;
464 right: 11px;
465 z-index: 1;
466 display: inline-block;
467 width: 12px;
468 height: 12px;
469 margin-top: -6px;
470 color: rgba(0, 0, 0, 0.25);
471 font-size: 12px;
472 font-style: normal;
473 line-height: 1;
474 text-align: center;
475 text-transform: none;
476 background: #fff;
477 cursor: pointer;
478 opacity: 0;
479 transition: color 0.3s ease, opacity 0.15s ease;
480 text-rendering: auto;
481}
482.ant-select-clear::before {
483 display: block;
484}
485.ant-select-clear:hover {
486 color: rgba(0, 0, 0, 0.45);
487}
488.ant-select:hover .ant-select-clear {
489 opacity: 1;
490}
491.ant-select-dropdown {
492 margin: 0;
493 padding: 0;
494 color: rgba(0, 0, 0, 0.85);
495 font-variant: tabular-nums;
496 line-height: 1.5715;
497 list-style: none;
498 font-feature-settings: 'tnum';
499 position: absolute;
500 top: -9999px;
501 left: -9999px;
502 z-index: 1050;
503 box-sizing: border-box;
504 padding: 4px 0;
505 overflow: hidden;
506 font-size: 14px;
507 font-variant: initial;
508 background-color: #fff;
509 border-radius: 2px;
510 outline: none;
511 box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
512}
513.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
514.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
515 -webkit-animation-name: antSlideUpIn;
516 animation-name: antSlideUpIn;
517}
518.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft,
519.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft {
520 -webkit-animation-name: antSlideDownIn;
521 animation-name: antSlideDownIn;
522}
523.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
524 -webkit-animation-name: antSlideUpOut;
525 animation-name: antSlideUpOut;
526}
527.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft {
528 -webkit-animation-name: antSlideDownOut;
529 animation-name: antSlideDownOut;
530}
531.ant-select-dropdown-hidden {
532 display: none;
533}
534.ant-select-dropdown-empty {
535 color: rgba(0, 0, 0, 0.25);
536}
537.ant-select-item-empty {
538 position: relative;
539 display: block;
540 min-height: 32px;
541 padding: 5px 12px;
542 color: rgba(0, 0, 0, 0.85);
543 font-weight: normal;
544 font-size: 14px;
545 line-height: 22px;
546 color: rgba(0, 0, 0, 0.25);
547}
548.ant-select-item {
549 position: relative;
550 display: block;
551 min-height: 32px;
552 padding: 5px 12px;
553 color: rgba(0, 0, 0, 0.85);
554 font-weight: normal;
555 font-size: 14px;
556 line-height: 22px;
557 cursor: pointer;
558 transition: background 0.3s ease;
559}
560.ant-select-item-group {
561 color: rgba(0, 0, 0, 0.45);
562 font-size: 12px;
563 cursor: default;
564}
565.ant-select-item-option {
566 display: flex;
567}
568.ant-select-item-option-content {
569 flex: auto;
570 overflow: hidden;
571 white-space: nowrap;
572 text-overflow: ellipsis;
573}
574.ant-select-item-option-state {
575 flex: none;
576}
577.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
578 background-color: #f5f5f5;
579}
580.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
581 color: rgba(0, 0, 0, 0.85);
582 font-weight: 600;
583 background-color: #e6f7ff;
584}
585.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state {
586 color: #1890ff;
587}
588.ant-select-item-option-disabled {
589 color: rgba(0, 0, 0, 0.25);
590 cursor: not-allowed;
591}
592.ant-select-item-option-grouped {
593 padding-left: 24px;
594}
595.ant-select-lg {
596 font-size: 16px;
597}
598.ant-select-borderless .ant-select-selector {
599 background-color: transparent !important;
600 border-color: transparent !important;
601 box-shadow: none !important;
602}
603.ant-select-rtl {
604 direction: rtl;
605}
606.ant-select-rtl .ant-select-arrow {
607 right: initial;
608 left: 11px;
609}
610.ant-select-rtl .ant-select-clear {
611 right: initial;
612 left: 11px;
613}
614.ant-select-dropdown-rtl {
615 direction: rtl;
616}
617.ant-select-dropdown-rtl .ant-select-item-option-grouped {
618 padding-right: 24px;
619 padding-left: 12px;
620}
621.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector,
622.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector {
623 padding-right: 4px;
624 padding-left: 24px;
625}
626.ant-select-rtl.ant-select-multiple .ant-select-selection-item {
627 text-align: right;
628}
629.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content {
630 margin-right: 0;
631 margin-left: 4px;
632 text-align: right;
633}
634.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror {
635 right: 0;
636 left: auto;
637}
638.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder {
639 right: 11px;
640 left: auto;
641}
642.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder {
643 right: 7px;
644}
645.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,
646.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
647 right: 0;
648 left: 9px;
649 text-align: right;
650}
651.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search {
652 right: 11px;
653 left: 25px;
654}
655.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,
656.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
657 padding-right: 0;
658 padding-left: 18px;
659}
660.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search {
661 right: 6px;
662}
663.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,
664.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder {
665 padding-right: 0;
666 padding-left: 21px;
667}