UNPKG

5.44 kBCSSView Raw
1
2.next-sr-only {
3 position: absolute;
4 width: 1px;
5 height: 1px;
6 padding: 0;
7 overflow: hidden;
8 clip: rect(0, 0, 0, 0);
9 white-space: nowrap;
10 border: 0;
11 top: 0;
12 margin: -1px; }
13
14/* put your code here */
15.next-list-header {
16 border-bottom: 1px solid #DCDEE3;
17 border-bottom: var(--line-1, 1px) solid var(--list-divider-color, #DCDEE3);
18 color: #333333;
19 color: var(--list-title-color, #333333); }
20
21.next-list-footer {
22 border-top: 1px solid #DCDEE3;
23 border-top: var(--line-1, 1px) solid var(--list-divider-color, #DCDEE3);
24 color: #666666;
25 color: var(--list-content-color, #666666); }
26
27.next-list-loading.next-loading {
28 display: block; }
29
30.next-list-empty {
31 font-size: 12px;
32 font-size: var(--font-size-body-1, 12px);
33 color: #A0A2AD;
34 color: var(--color-line1-4, #A0A2AD);
35 padding: 32px 0;
36 padding: var(--s-8, 32px) 0;
37 text-align: center; }
38
39.next-list-items {
40 margin: 0;
41 padding: 0;
42 list-style: none; }
43
44.next-list-item {
45 display: table;
46 /* 兼容ie9 */
47 display: flex;
48 width: 100%;
49 color: #666666;
50 color: var(--list-content-color, #666666); }
51
52.next-list-item-media {
53 display: table-cell;
54 /* 兼容ie9 */
55 display: flex;
56 flex-direction: column;
57 align-items: flex-start;
58 justify-content: flex-start;
59 min-width: 1px;
60 flex-shrink: 0;
61 vertical-align: top; }
62
63.next-list-item-extra {
64 display: table-cell;
65 /* 兼容ie9 */
66 display: flex;
67 flex-direction: column;
68 align-items: flex-start;
69 justify-content: flex-start;
70 min-width: 1px;
71 flex-shrink: 0;
72 vertical-align: top;
73 color: #999999;
74 color: var(--list-extra-color, #999999); }
75
76.next-list-item-content {
77 display: table-cell;
78 /* 兼容ie9 */
79 display: flex;
80 flex-direction: column;
81 align-items: flex-start;
82 justify-content: center;
83 flex: 1;
84 width: 100%;
85 vertical-align: middle; }
86
87.next-list-item-title {
88 color: #333333;
89 color: var(--list-title-color, #333333); }
90
91.next-list-medium .next-list-header {
92 padding: 16px 0px;
93 padding: var(--list-size-m-item-padding-tb, 16px) var(--list-size-m-item-padding-lr, 0px);
94 font-size: 20px;
95 font-size: var(--list-size-m-title-font-size, 20px);
96 font-weight: bold;
97 font-weight: var(--list-size-m-title-font-weight, bold); }
98
99.next-list-medium .next-list-footer {
100 padding: 16px 0px;
101 padding: var(--list-size-m-item-padding-tb, 16px) var(--list-size-m-item-padding-lr, 0px); }
102
103.next-list-medium .next-list-item-media {
104 padding-right: 8px;
105 padding-right: var(--list-size-m-item-media-margin, 8px); }
106
107.next-list-medium .next-list-item-extra {
108 padding-left: 8px;
109 padding-left: var(--list-size-m-item-media-margin, 8px); }
110
111.next-list-medium .next-list-item {
112 font-size: 14px;
113 font-size: var(--list-size-m-item-content-font-size, 14px);
114 line-height: 1.5;
115 line-height: var(--list-size-m-item-content-line-height, 1.5);
116 padding: 16px 0px;
117 padding: var(--list-size-m-item-padding-tb, 16px) var(--list-size-m-item-padding-lr, 0px); }
118
119.next-list-medium .next-list-item-title {
120 font-weight: normal;
121 font-weight: var(--list-size-m-item-title-font-weight, normal);
122 font-size: 16px;
123 font-size: var(--list-size-m-item-title-font-size, 16px);
124 line-height: 1.5;
125 line-height: var(--list-size-m-item-title-line-height, 1.5); }
126
127.next-list-small .next-list-header {
128 padding: 8px 0px;
129 padding: var(--list-size-s-item-padding-tb, 8px) var(--list-size-s-item-padding-lr, 0px);
130 font-size: 16px;
131 font-size: var(--list-size-s-title-font-size, 16px);
132 font-weight: bold;
133 font-weight: var(--list-size-s-title-font-weight, bold); }
134
135.next-list-small .next-list-footer {
136 padding: 8px 0px;
137 padding: var(--list-size-s-item-padding-tb, 8px) var(--list-size-s-item-padding-lr, 0px); }
138
139.next-list-small .next-list-item-media {
140 padding-right: 8px;
141 padding-right: var(--list-size-s-item-media-margin, 8px); }
142
143.next-list-small .next-list-item-extra {
144 padding-left: 8px;
145 padding-left: var(--list-size-s-item-media-margin, 8px); }
146
147.next-list-small .next-list-item {
148 font-size: 12px;
149 font-size: var(--list-size-s-item-content-font-size, 12px);
150 font-weight: normal;
151 font-weight: var(--list-size-s-item-title-font-weight, normal);
152 line-height: 1.3;
153 line-height: var(--list-size-s-item-content-line-height, 1.3);
154 padding: 8px 0px;
155 padding: var(--list-size-s-item-padding-tb, 8px) var(--list-size-s-item-padding-lr, 0px); }
156
157.next-list-small .next-list-item-title {
158 font-size: 14px;
159 font-size: var(--list-size-s-item-title-font-size, 14px);
160 line-height: 1.5;
161 line-height: var(--list-size-s-item-title-line-height, 1.5); }
162
163.next-list-divider .next-list-item {
164 border-bottom: 1px solid #DCDEE3;
165 border-bottom: var(--line-1, 1px) solid var(--list-divider-color, #DCDEE3); }
166 .next-list-divider .next-list-item:last-child {
167 border-bottom: none; }
168
169.next-list[dir="rtl"] .next-list-item-media {
170 padding-left: 8px;
171 padding-left: var(--list-size-m-item-media-margin, 8px);
172 padding-right: 0; }
173
174.next-list[dir="rtl"] .next-list-item-extra {
175 padding-right: 8px;
176 padding-right: var(--list-size-m-item-media-margin, 8px);
177 padding-left: 0; }
178
179.next-list[dir="rtl"] .next-list-small .next-list-item-media {
180 padding-left: 8px;
181 padding-left: var(--list-size-s-item-media-margin, 8px);
182 padding-right: 0; }
183
184.next-list[dir="rtl"] .next-list-small .next-list-item-extra {
185 padding-right: 8px;
186 padding-right: var(--list-size-s-item-media-margin, 8px);
187 padding-left: 0; }