UNPKG

6.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-list {
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 position: relative;
16}
17.ant-list * {
18 outline: none;
19}
20.ant-list-pagination {
21 margin-top: 24px;
22 text-align: right;
23}
24.ant-list-pagination .ant-pagination-options {
25 text-align: left;
26}
27.ant-list-more {
28 margin-top: 12px;
29 text-align: center;
30}
31.ant-list-more button {
32 padding-right: 32px;
33 padding-left: 32px;
34}
35.ant-list-spin {
36 min-height: 40px;
37 text-align: center;
38}
39.ant-list-empty-text {
40 padding: 16px;
41 color: rgba(0, 0, 0, 0.25);
42 font-size: 14px;
43 text-align: center;
44}
45.ant-list-items {
46 margin: 0;
47 padding: 0;
48 list-style: none;
49}
50.ant-list-item {
51 display: flex;
52 align-items: center;
53 justify-content: space-between;
54 padding: 12px 0;
55 color: rgba(0, 0, 0, 0.85);
56}
57.ant-list-item-meta {
58 display: flex;
59 flex: 1;
60 align-items: flex-start;
61 max-width: 100%;
62}
63.ant-list-item-meta-avatar {
64 margin-right: 16px;
65}
66.ant-list-item-meta-content {
67 flex: 1 0;
68 width: 0;
69 color: rgba(0, 0, 0, 0.85);
70}
71.ant-list-item-meta-title {
72 margin-bottom: 4px;
73 color: rgba(0, 0, 0, 0.85);
74 font-size: 14px;
75 line-height: 1.5715;
76}
77.ant-list-item-meta-title > a {
78 color: rgba(0, 0, 0, 0.85);
79 transition: all 0.3s;
80}
81.ant-list-item-meta-title > a:hover {
82 color: #1890ff;
83}
84.ant-list-item-meta-description {
85 color: rgba(0, 0, 0, 0.45);
86 font-size: 14px;
87 line-height: 1.5715;
88}
89.ant-list-item-action {
90 flex: 0 0 auto;
91 margin-left: 48px;
92 padding: 0;
93 font-size: 0;
94 list-style: none;
95}
96.ant-list-item-action > li {
97 position: relative;
98 display: inline-block;
99 padding: 0 8px;
100 color: rgba(0, 0, 0, 0.45);
101 font-size: 14px;
102 line-height: 1.5715;
103 text-align: center;
104}
105.ant-list-item-action > li:first-child {
106 padding-left: 0;
107}
108.ant-list-item-action-split {
109 position: absolute;
110 top: 50%;
111 right: 0;
112 width: 1px;
113 height: 14px;
114 margin-top: -7px;
115 background-color: #f0f0f0;
116}
117.ant-list-header {
118 background: transparent;
119}
120.ant-list-footer {
121 background: transparent;
122}
123.ant-list-header,
124.ant-list-footer {
125 padding-top: 12px;
126 padding-bottom: 12px;
127}
128.ant-list-empty {
129 padding: 16px 0;
130 color: rgba(0, 0, 0, 0.45);
131 font-size: 12px;
132 text-align: center;
133}
134.ant-list-split .ant-list-item {
135 border-bottom: 1px solid #f0f0f0;
136}
137.ant-list-split .ant-list-item:last-child {
138 border-bottom: none;
139}
140.ant-list-split .ant-list-header {
141 border-bottom: 1px solid #f0f0f0;
142}
143.ant-list-split.ant-list-empty .ant-list-footer {
144 border-top: 1px solid #f0f0f0;
145}
146.ant-list-loading .ant-list-spin-nested-loading {
147 min-height: 32px;
148}
149.ant-list-split.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
150 border-bottom: 1px solid #f0f0f0;
151}
152.ant-list-lg .ant-list-item {
153 padding: 16px 24px;
154}
155.ant-list-sm .ant-list-item {
156 padding: 8px 16px;
157}
158.ant-list-vertical .ant-list-item {
159 align-items: initial;
160}
161.ant-list-vertical .ant-list-item-main {
162 display: block;
163 flex: 1;
164}
165.ant-list-vertical .ant-list-item-extra {
166 margin-left: 40px;
167}
168.ant-list-vertical .ant-list-item-meta {
169 margin-bottom: 16px;
170}
171.ant-list-vertical .ant-list-item-meta-title {
172 margin-bottom: 12px;
173 color: rgba(0, 0, 0, 0.85);
174 font-size: 16px;
175 line-height: 24px;
176}
177.ant-list-vertical .ant-list-item-action {
178 margin-top: 16px;
179 margin-left: auto;
180}
181.ant-list-vertical .ant-list-item-action > li {
182 padding: 0 16px;
183}
184.ant-list-vertical .ant-list-item-action > li:first-child {
185 padding-left: 0;
186}
187.ant-list-grid .ant-col > .ant-list-item {
188 display: block;
189 max-width: 100%;
190 margin-bottom: 16px;
191 padding-top: 0;
192 padding-bottom: 0;
193 border-bottom: none;
194}
195.ant-list-item-no-flex {
196 display: block;
197}
198.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
199 float: right;
200}
201.ant-list-bordered {
202 border: 1px solid #d9d9d9;
203 border-radius: 2px;
204}
205.ant-list-bordered .ant-list-header {
206 padding-right: 24px;
207 padding-left: 24px;
208}
209.ant-list-bordered .ant-list-footer {
210 padding-right: 24px;
211 padding-left: 24px;
212}
213.ant-list-bordered .ant-list-item {
214 padding-right: 24px;
215 padding-left: 24px;
216}
217.ant-list-bordered .ant-list-pagination {
218 margin: 16px 24px;
219}
220.ant-list-bordered.ant-list-sm .ant-list-item {
221 padding: 8px 16px;
222}
223.ant-list-bordered.ant-list-sm .ant-list-header,
224.ant-list-bordered.ant-list-sm .ant-list-footer {
225 padding: 8px 16px;
226}
227.ant-list-bordered.ant-list-lg .ant-list-item {
228 padding: 16px 24px;
229}
230.ant-list-bordered.ant-list-lg .ant-list-header,
231.ant-list-bordered.ant-list-lg .ant-list-footer {
232 padding: 16px 24px;
233}
234@media screen and (max-width: 768px) {
235 .ant-list-item-action {
236 margin-left: 24px;
237 }
238 .ant-list-vertical .ant-list-item-extra {
239 margin-left: 24px;
240 }
241}
242@media screen and (max-width: 576px) {
243 .ant-list-item {
244 flex-wrap: wrap;
245 }
246 .ant-list-item-action {
247 margin-left: 12px;
248 }
249 .ant-list-vertical .ant-list-item {
250 flex-wrap: wrap-reverse;
251 }
252 .ant-list-vertical .ant-list-item-main {
253 min-width: 220px;
254 }
255 .ant-list-vertical .ant-list-item-extra {
256 margin: auto auto 16px;
257 }
258}
259.ant-list-rtl {
260 direction: rtl;
261 text-align: right;
262}
263.ant-list-rtl .ReactVirtualized__List .ant-list-item {
264 direction: rtl;
265}
266.ant-list-rtl .ant-list-pagination {
267 text-align: left;
268}
269.ant-list-rtl .ant-list-item-meta-avatar {
270 margin-right: 0;
271 margin-left: 16px;
272}
273.ant-list-rtl .ant-list-item-action {
274 margin-right: 48px;
275 margin-left: 0;
276}
277.ant-list.ant-list-rtl .ant-list-item-action > li:first-child {
278 padding-right: 0;
279 padding-left: 16px;
280}
281.ant-list-rtl .ant-list-item-action-split {
282 right: auto;
283 left: 0;
284}
285.ant-list-rtl.ant-list-vertical .ant-list-item-extra {
286 margin-right: 40px;
287 margin-left: 0;
288}
289.ant-list-rtl.ant-list-vertical .ant-list-item-action {
290 margin-right: auto;
291}
292.ant-list-rtl .ant-list-vertical .ant-list-item-action > li:first-child {
293 padding-right: 0;
294 padding-left: 16px;
295}
296.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
297 float: left;
298}
299@media screen and (max-width: 768px) {
300 .ant-list-rtl .ant-list-item-action {
301 margin-right: 24px;
302 margin-left: 0;
303 }
304 .ant-list-rtl .ant-list-vertical .ant-list-item-extra {
305 margin-right: 24px;
306 margin-left: 0;
307 }
308}
309@media screen and (max-width: 576px) {
310 .ant-list-rtl .ant-list-item-action {
311 margin-right: 22px;
312 margin-left: 0;
313 }
314 .ant-list-rtl.ant-list-vertical .ant-list-item-extra {
315 margin: auto auto 16px;
316 }
317}