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