1 |
|
2 |
|
3 |
|
4 |
|
5 | .ant-tag {
|
6 | box-sizing: border-box;
|
7 | margin: 0;
|
8 | padding: 0;
|
9 | color: rgba(0, 0, 0, 0.85);
|
10 | font-size: 14px;
|
11 | font-variant: tabular-nums;
|
12 | line-height: 1.5715;
|
13 | list-style: none;
|
14 | font-feature-settings: 'tnum';
|
15 | display: inline-block;
|
16 | height: auto;
|
17 | margin-right: 8px;
|
18 | padding: 0 7px;
|
19 | font-size: 12px;
|
20 | line-height: 20px;
|
21 | white-space: nowrap;
|
22 | background: #fafafa;
|
23 | border: 1px solid #d9d9d9;
|
24 | border-radius: 2px;
|
25 | cursor: default;
|
26 | opacity: 1;
|
27 | transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
28 | }
|
29 | .ant-tag:hover {
|
30 | opacity: 0.85;
|
31 | }
|
32 | .ant-tag,
|
33 | .ant-tag a,
|
34 | .ant-tag a:hover {
|
35 | color: rgba(0, 0, 0, 0.85);
|
36 | }
|
37 | .ant-tag > a:first-child:last-child {
|
38 | display: inline-block;
|
39 | margin: 0 -8px;
|
40 | padding: 0 8px;
|
41 | }
|
42 | .ant-tag .anticon-close {
|
43 | display: inline-block;
|
44 | font-size: 12px;
|
45 | font-size: 10px \9;
|
46 | transform: scale(0.83333333) rotate(0deg);
|
47 | margin-left: 3px;
|
48 | color: rgba(0, 0, 0, 0.45);
|
49 | font-weight: bold;
|
50 | cursor: pointer;
|
51 | transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
52 | }
|
53 | :root .ant-tag .anticon-close {
|
54 | font-size: 12px;
|
55 | }
|
56 | .ant-tag .anticon-close:hover {
|
57 | color: rgba(0, 0, 0, 0.85);
|
58 | }
|
59 | .ant-tag-has-color {
|
60 | border-color: transparent;
|
61 | }
|
62 | .ant-tag-has-color,
|
63 | .ant-tag-has-color a,
|
64 | .ant-tag-has-color a:hover,
|
65 | .ant-tag-has-color .anticon-close,
|
66 | .ant-tag-has-color .anticon-close:hover {
|
67 | color: #fff;
|
68 | }
|
69 | .ant-tag-checkable {
|
70 | background-color: transparent;
|
71 | border-color: transparent;
|
72 | cursor: pointer;
|
73 | }
|
74 | .ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
|
75 | color: #1890ff;
|
76 | }
|
77 | .ant-tag-checkable:active,
|
78 | .ant-tag-checkable-checked {
|
79 | color: #fff;
|
80 | }
|
81 | .ant-tag-checkable-checked {
|
82 | background-color: #1890ff;
|
83 | }
|
84 | .ant-tag-checkable:active {
|
85 | background-color: #096dd9;
|
86 | }
|
87 | .ant-tag-hidden {
|
88 | display: none;
|
89 | }
|
90 | .ant-tag-pink {
|
91 | color: #eb2f96;
|
92 | background: #fff0f6;
|
93 | border-color: #ffadd2;
|
94 | }
|
95 | .ant-tag-pink-inverse {
|
96 | color: #fff;
|
97 | background: #eb2f96;
|
98 | border-color: #eb2f96;
|
99 | }
|
100 | .ant-tag-magenta {
|
101 | color: #eb2f96;
|
102 | background: #fff0f6;
|
103 | border-color: #ffadd2;
|
104 | }
|
105 | .ant-tag-magenta-inverse {
|
106 | color: #fff;
|
107 | background: #eb2f96;
|
108 | border-color: #eb2f96;
|
109 | }
|
110 | .ant-tag-red {
|
111 | color: #f5222d;
|
112 | background: #fff1f0;
|
113 | border-color: #ffa39e;
|
114 | }
|
115 | .ant-tag-red-inverse {
|
116 | color: #fff;
|
117 | background: #f5222d;
|
118 | border-color: #f5222d;
|
119 | }
|
120 | .ant-tag-volcano {
|
121 | color: #fa541c;
|
122 | background: #fff2e8;
|
123 | border-color: #ffbb96;
|
124 | }
|
125 | .ant-tag-volcano-inverse {
|
126 | color: #fff;
|
127 | background: #fa541c;
|
128 | border-color: #fa541c;
|
129 | }
|
130 | .ant-tag-orange {
|
131 | color: #fa8c16;
|
132 | background: #fff7e6;
|
133 | border-color: #ffd591;
|
134 | }
|
135 | .ant-tag-orange-inverse {
|
136 | color: #fff;
|
137 | background: #fa8c16;
|
138 | border-color: #fa8c16;
|
139 | }
|
140 | .ant-tag-yellow {
|
141 | color: #fadb14;
|
142 | background: #feffe6;
|
143 | border-color: #fffb8f;
|
144 | }
|
145 | .ant-tag-yellow-inverse {
|
146 | color: #fff;
|
147 | background: #fadb14;
|
148 | border-color: #fadb14;
|
149 | }
|
150 | .ant-tag-gold {
|
151 | color: #faad14;
|
152 | background: #fffbe6;
|
153 | border-color: #ffe58f;
|
154 | }
|
155 | .ant-tag-gold-inverse {
|
156 | color: #fff;
|
157 | background: #faad14;
|
158 | border-color: #faad14;
|
159 | }
|
160 | .ant-tag-cyan {
|
161 | color: #13c2c2;
|
162 | background: #e6fffb;
|
163 | border-color: #87e8de;
|
164 | }
|
165 | .ant-tag-cyan-inverse {
|
166 | color: #fff;
|
167 | background: #13c2c2;
|
168 | border-color: #13c2c2;
|
169 | }
|
170 | .ant-tag-lime {
|
171 | color: #a0d911;
|
172 | background: #fcffe6;
|
173 | border-color: #eaff8f;
|
174 | }
|
175 | .ant-tag-lime-inverse {
|
176 | color: #fff;
|
177 | background: #a0d911;
|
178 | border-color: #a0d911;
|
179 | }
|
180 | .ant-tag-green {
|
181 | color: #52c41a;
|
182 | background: #f6ffed;
|
183 | border-color: #b7eb8f;
|
184 | }
|
185 | .ant-tag-green-inverse {
|
186 | color: #fff;
|
187 | background: #52c41a;
|
188 | border-color: #52c41a;
|
189 | }
|
190 | .ant-tag-blue {
|
191 | color: #1890ff;
|
192 | background: #e6f7ff;
|
193 | border-color: #91d5ff;
|
194 | }
|
195 | .ant-tag-blue-inverse {
|
196 | color: #fff;
|
197 | background: #1890ff;
|
198 | border-color: #1890ff;
|
199 | }
|
200 | .ant-tag-geekblue {
|
201 | color: #2f54eb;
|
202 | background: #f0f5ff;
|
203 | border-color: #adc6ff;
|
204 | }
|
205 | .ant-tag-geekblue-inverse {
|
206 | color: #fff;
|
207 | background: #2f54eb;
|
208 | border-color: #2f54eb;
|
209 | }
|
210 | .ant-tag-purple {
|
211 | color: #722ed1;
|
212 | background: #f9f0ff;
|
213 | border-color: #d3adf7;
|
214 | }
|
215 | .ant-tag-purple-inverse {
|
216 | color: #fff;
|
217 | background: #722ed1;
|
218 | border-color: #722ed1;
|
219 | }
|
220 | .ant-tag-success {
|
221 | color: #52c41a;
|
222 | background: #f6ffed;
|
223 | border-color: #b7eb8f;
|
224 | }
|
225 | .ant-tag-processing {
|
226 | color: #1890ff;
|
227 | background: #e6f7ff;
|
228 | border-color: #91d5ff;
|
229 | }
|
230 | .ant-tag-error {
|
231 | color: #f5222d;
|
232 | background: #fff1f0;
|
233 | border-color: #ffa39e;
|
234 | }
|
235 | .ant-tag-warning {
|
236 | color: #fa8c16;
|
237 | background: #fff7e6;
|
238 | border-color: #ffd591;
|
239 | }
|
240 | .ant-tag > .anticon + span,
|
241 | .ant-tag > span + .anticon {
|
242 | margin-left: 7px;
|
243 | }
|