UNPKG

12.6 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.next-range-picker-trigger-separator, .next-range-picker-panel-input-separator {
15 cursor: default;
16 display: inline-block;
17 text-align: center;
18 color: #CCCCCC;
19 color: var(--color-text1-1, #CCCCCC);
20 width: 16px;
21 width: var(--date-picker-input-separator-width, 16px);
22 font-size: 12px;
23 font-size: var(--font-size-caption, 12px);
24 vertical-align: middle; }
25
26.next-date-picker,
27.next-month-picker,
28.next-year-picker,
29.next-week-picker {
30 display: inline-block;
31 width: 200px;
32 width: var(--s-50, 200px); }
33 .next-date-picker-input,
34 .next-month-picker-input,
35 .next-year-picker-input,
36 .next-week-picker-input {
37 width: 100%; }
38 .next-date-picker-body,
39 .next-month-picker-body,
40 .next-year-picker-body,
41 .next-week-picker-body {
42 width: 288px;
43 width: calc(var(--s-18, 72px)*4); }
44 .next-date-picker-panel-input.next-input,
45 .next-month-picker-panel-input.next-input,
46 .next-year-picker-panel-input.next-input,
47 .next-week-picker-panel-input.next-input {
48 width: 100%;
49 background: transparent; }
50
51.next-date-picker-body.next-date-picker-body-show-time .next-date-picker-panel-input.next-input {
52 width: 49%; }
53 .next-date-picker-body.next-date-picker-body-show-time .next-date-picker-panel-input.next-input:first-child {
54 margin-right: 2%; }
55
56.next-range-picker {
57 display: inline-block;
58 width: 336px;
59 width: calc(var(--s-28, 112px)*3); }
60 .next-range-picker-input {
61 width: 100%; }
62 .next-range-picker-trigger {
63 border: 1px solid #C4C6CF;
64 border: var(--input-border-width, 1px) solid var(--input-border-color, #C4C6CF);
65 background-color: #FFFFFF;
66 background-color: var(--input-bg-color, #FFFFFF); }
67 .next-range-picker-trigger:hover {
68 border-color: #A0A2AD;
69 border-color: var(--input-hover-border-color, #A0A2AD);
70 background-color: #FFFFFF;
71 background-color: var(--input-hover-bg-color, #FFFFFF); }
72 .next-range-picker-trigger.next-error {
73 border-color: #FF3000;
74 border-color: var(--input-feedback-error-border-color, #FF3000); }
75 .next-range-picker-trigger-input.next-input {
76 height: auto;
77 width: calc(50% - 8px);
78 width: calc(50% - var(--date-picker-input-separator-width, 16px)/2); }
79 .next-range-picker.next-disabled .next-range-picker-trigger {
80 color: #CCCCCC;
81 color: var(--input-disabled-color, #CCCCCC);
82 border-color: #E6E7EB;
83 border-color: var(--input-disabled-border-color, #E6E7EB);
84 background-color: #F7F8FA;
85 background-color: var(--input-disabled-bg-color, #F7F8FA);
86 cursor: not-allowed; }
87 .next-range-picker.next-disabled .next-range-picker-trigger:hover {
88 border-color: #E6E7EB;
89 border-color: var(--input-disabled-border-color, #E6E7EB);
90 background-color: #F7F8FA;
91 background-color: var(--input-disabled-bg-color, #F7F8FA); }
92 .next-range-picker.next-large .next-range-picker-trigger, .next-range-picker.next-large .next-range-picker-panel-input {
93 border-radius: 3px;
94 border-radius: var(--form-element-large-corner, 3px); }
95 .next-range-picker.next-medium .next-range-picker-trigger, .next-range-picker.next-medium .next-range-picker-panel-input {
96 border-radius: 3px;
97 border-radius: var(--form-element-medium-corner, 3px); }
98 .next-range-picker.next-small .next-range-picker-trigger, .next-range-picker.next-small .next-range-picker-panel-input {
99 border-radius: 3px;
100 border-radius: var(--form-element-small-corner, 3px); }
101 .next-range-picker-body {
102 width: 600px;
103 width: calc(var(--s-30, 120px)*5); }
104 .next-range-picker-panel-input-start-date.next-input, .next-range-picker-panel-input-end-date.next-input {
105 width: calc(50% - 8px);
106 width: calc(50% - var(--date-picker-input-separator-width, 16px)/2); }
107
108.next-range-picker-body.next-range-picker-body-show-time .next-range-picker-panel-input-start-date, .next-range-picker-body.next-range-picker-body-show-time .next-range-picker-panel-input-end-date, .next-range-picker-body.next-range-picker-body-show-time .next-range-picker-panel-input-start-time, .next-range-picker-body.next-range-picker-body-show-time .next-range-picker-panel-input-end-time {
109 width: calc(25% - 8px);
110 width: calc(25% - var(--date-picker-input-separator-width, 16px)/4 - var(--s-4, 16px)/4); }
111
112.next-range-picker-body.next-range-picker-body-show-time .next-range-picker-panel-input-start-date {
113 margin-right: 8px;
114 margin-right: var(--s-2, 8px); }
115
116.next-range-picker-body.next-range-picker-body-show-time .next-range-picker-panel-input-end-time {
117 margin-left: 8px;
118 margin-left: var(--s-2, 8px); }
119
120.next-range-picker-body.next-range-picker-body-show-time .next-range-picker-panel-time:after {
121 visibility: hidden;
122 display: block;
123 height: 0;
124 font-size: 0;
125 content: '\0020';
126 clear: both; }
127
128.next-range-picker-body.next-range-picker-body-show-time .next-range-picker-panel-time-start, .next-range-picker-body.next-range-picker-body-show-time .next-range-picker-panel-time-end {
129 width: 50%;
130 float: left; }
131
132.next-range-picker-body.next-range-picker-body-show-time .next-range-picker-panel-time-start {
133 border-right: 1px solid #DCDEE3;
134 border-right: var(--line-1, 1px) var(--line-solid, solid) var(--date-picker-panel-time-panel-separator-color, #DCDEE3); }
135
136.next-range-picker-body.next-range-picker-body-show-time .next-range-picker-panel-time-end {
137 border-left: 1px solid #DCDEE3;
138 border-left: var(--line-1, 1px) var(--line-solid, solid) var(--date-picker-panel-time-panel-separator-color, #DCDEE3); }
139
140.next-date-picker-body[dir="rtl"] .next-date-picker-panel-footer {
141 text-align: left; }
142
143.next-date-picker-body[dir="rtl"] .next-date-picker-panel-footer > .next-btn:not(:last-child) {
144 margin-right: 0;
145 margin-left: 16px;
146 margin-left: var(--s-4, 16px); }
147
148.next-date-picker-body[dir="rtl"].next-date-picker-body-show-time .next-date-picker-panel-input.next-input:first-child {
149 margin-left: 2%;
150 margin-right: 0; }
151
152.next-date-picker-body[dir="rtl"].next-date-picker-body-show-time .next-time-picker-menu {
153 float: right; }
154 .next-date-picker-body[dir="rtl"].next-date-picker-body-show-time .next-time-picker-menu:not(:last-child) {
155 border-right: none;
156 border-left: 1px solid #C4C6CF;
157 border-left: var(--time-picker-menu-border-width, 1px) var(--line-solid, solid) var(--time-picker-menu-border-color, #C4C6CF); }
158
159.next-range-picker-body[dir="rtl"] .next-range-picker-panel-input {
160 text-align: right; }
161
162.next-range-picker-body[dir="rtl"] .next-date-picker-panel-footer {
163 text-align: left; }
164
165.next-range-picker-body[dir="rtl"] .next-date-picker-panel-footer > .next-btn:not(:last-child) {
166 margin-right: 0;
167 margin-left: 16px;
168 margin-left: var(--s-4, 16px); }
169
170.next-range-picker-body[dir="rtl"].next-range-picker-body-show-time .next-range-picker-panel-input-start-date {
171 margin-right: 0;
172 margin-left: 8px;
173 margin-left: var(--s-2, 8px); }
174
175.next-range-picker-body[dir="rtl"].next-range-picker-body-show-time .next-range-picker-panel-input-end-time {
176 margin-left: 0;
177 margin-right: 8px;
178 margin-right: var(--s-2, 8px); }
179
180.next-range-picker-body[dir="rtl"].next-range-picker-body-show-time .next-range-picker-panel-time-start, .next-range-picker-body[dir="rtl"].next-range-picker-body-show-time .next-range-picker-panel-time-end {
181 float: right; }
182
183.next-range-picker-body[dir="rtl"].next-range-picker-body-show-time .next-range-picker-panel-time-start {
184 border-right: none;
185 border-left: 1px solid #DCDEE3;
186 border-left: var(--line-1, 1px) var(--line-solid, solid) var(--date-picker-panel-time-panel-separator-color, #DCDEE3); }
187
188.next-range-picker-body[dir="rtl"].next-range-picker-body-show-time .next-range-picker-panel-time-end {
189 border-left: none;
190 border-right: 1px solid #DCDEE3;
191 border-right: var(--line-1, 1px) var(--line-solid, solid) var(--date-picker-panel-time-panel-separator-color, #DCDEE3); }
192
193.next-range-picker-body[dir="rtl"].next-range-picker-body-show-time .next-time-picker-menu {
194 float: right; }
195 .next-range-picker-body[dir="rtl"].next-range-picker-body-show-time .next-time-picker-menu:not(:last-child) {
196 border-right: none;
197 border-left: 1px solid #C4C6CF;
198 border-left: var(--time-picker-menu-border-width, 1px) var(--line-solid, solid) var(--time-picker-menu-border-color, #C4C6CF); }
199
200.next-date-picker,
201.next-range-picker,
202.next-month-picker,
203.next-year-picker,
204.next-week-picker {
205 box-sizing: border-box; }
206 .next-date-picker *,
207 .next-date-picker *:before,
208 .next-date-picker *:after,
209 .next-range-picker *,
210 .next-range-picker *:before,
211 .next-range-picker *:after,
212 .next-month-picker *,
213 .next-month-picker *:before,
214 .next-month-picker *:after,
215 .next-year-picker *,
216 .next-year-picker *:before,
217 .next-year-picker *:after,
218 .next-week-picker *,
219 .next-week-picker *:before,
220 .next-week-picker *:after {
221 box-sizing: border-box; }
222 .next-date-picker-body,
223 .next-range-picker-body,
224 .next-month-picker-body,
225 .next-year-picker-body,
226 .next-week-picker-body {
227 border: 1px solid #DCDEE3;
228 border: var(--popup-local-border-width, 1px) var(--popup-local-border-style, solid) var(--popup-local-border-color, #DCDEE3);
229 border-radius: 3px;
230 border-radius: var(--popup-local-corner, 3px);
231 box-shadow: none;
232 box-shadow: var(--popup-local-shadow, none);
233 background: #FFFFFF;
234 background: var(--date-picker-panel-background, #FFFFFF); }
235 .next-date-picker-panel-header,
236 .next-range-picker-panel-header,
237 .next-month-picker-panel-header,
238 .next-year-picker-panel-header,
239 .next-week-picker-panel-header {
240 padding: 6px;
241 text-align: center; }
242 .next-date-picker-panel-time,
243 .next-range-picker-panel-time,
244 .next-month-picker-panel-time,
245 .next-year-picker-panel-time,
246 .next-week-picker-panel-time {
247 border-top: 1px solid #DCDEE3;
248 border-top: var(--popup-local-border-width, 1px) var(--popup-local-border-style, solid) var(--popup-local-border-color, #DCDEE3); }
249 .next-date-picker-panel-footer,
250 .next-range-picker-panel-footer,
251 .next-month-picker-panel-footer,
252 .next-year-picker-panel-footer,
253 .next-week-picker-panel-footer {
254 text-align: right;
255 padding: 8px 20px;
256 padding: var(--date-picker-panel-footer-padding-tb, 8px) var(--date-picker-panel-footer-padding-lr, 20px);
257 border-top: 1px solid #DCDEE3;
258 border-top: var(--popup-local-border-width, 1px) var(--popup-local-border-style, solid) var(--popup-local-border-color, #DCDEE3); }
259 .next-date-picker-panel-footer > .next-btn:not(:last-child),
260 .next-date-picker-panel-tools > .next-btn:not(:last-child),
261 .next-range-picker-panel-footer > .next-btn:not(:last-child),
262 .next-range-picker-panel-tools > .next-btn:not(:last-child),
263 .next-month-picker-panel-footer > .next-btn:not(:last-child),
264 .next-month-picker-panel-tools > .next-btn:not(:last-child),
265 .next-year-picker-panel-footer > .next-btn:not(:last-child),
266 .next-year-picker-panel-tools > .next-btn:not(:last-child),
267 .next-week-picker-panel-footer > .next-btn:not(:last-child),
268 .next-week-picker-panel-tools > .next-btn:not(:last-child) {
269 margin-right: 16px;
270 margin-right: var(--s-4, 16px); }
271 .next-date-picker-panel-tools,
272 .next-range-picker-panel-tools,
273 .next-month-picker-panel-tools,
274 .next-year-picker-panel-tools,
275 .next-week-picker-panel-tools {
276 float: left; }
277 .next-date-picker .next-calendar-panel-header,
278 .next-range-picker .next-calendar-panel-header,
279 .next-month-picker .next-calendar-panel-header,
280 .next-year-picker .next-calendar-panel-header,
281 .next-week-picker .next-calendar-panel-header {
282 margin-left: -1px;
283 margin-left: calc(0px - var(--popup-local-border-width, 1px));
284 margin-right: -1px;
285 margin-right: calc(0px - var(--popup-local-border-width, 1px)); }
286 .next-date-picker .next-input input,
287 .next-range-picker .next-input input,
288 .next-month-picker .next-input input,
289 .next-year-picker .next-input input,
290 .next-week-picker .next-input input {
291 vertical-align: baseline; }
292 .next-date-picker-symbol-calendar-icon::before,
293 .next-range-picker-symbol-calendar-icon::before,
294 .next-month-picker-symbol-calendar-icon::before,
295 .next-year-picker-symbol-calendar-icon::before,
296 .next-week-picker-symbol-calendar-icon::before {
297 content: "";
298 content: var(--date-picker-calendar-icon, ""); }
299
300.next-range-picker-panel-body .next-calendar {
301 display: inline-block;
302 width: 50%; }