UNPKG

15 kBCSSView Raw
1@charset "UTF-8";
2/* IMAGES */
3/* 默认颜色 */
4/* 客户化 */
5/* 波纹效果 */
6/*贝塞尔曲线动画 */
7/* 阴影 */
8/* ========== 文本字体 ========== */
9/* 控件 */
10/* 不同背景下对应的文字颜色 */
11/* UButton */
12/* UText */
13/* Navlayout */
14/* gridlayout */
15/* menu */
16/* Tile */
17/* Alert */
18/* Checkbox */
19/* Radio */
20/* Switch */
21/* loading */
22/* datetimepicker */
23/* message */
24/* DATA TABLE */
25/* tooltip*/
26/* 进度条 */
27/* ========== Content Tabs ========== */
28/* CARD */
29/* Card dimensions */
30/* Cover image */
31/* ========== Card ========== */
32/* ============ Forms ============*/
33/* BADGE */
34/*两种加载的尺寸 width height*/
35/*居中位置top left*/
36/*color*/
37/* border-radius of different state switch */
38/* width height line-height of the three switches */
39/* style of u-switch-inner */
40/* style of u-switch:active:after */
41/* style of u-switch:after */
42/* style of u-switch.is-checked */
43/* Typography */
44/* Shadows */
45/* Animations */
46/* keyframes 定义 */
47@-webkit-keyframes uSlideUpIn {
48 0% {
49 opacity: 0;
50 -webkit-transform-origin: 0% 0%;
51 transform-origin: 0% 0%;
52 -webkit-transform: scaleY(0.8);
53 transform: scaleY(0.8); }
54 100% {
55 opacity: 1;
56 -webkit-transform-origin: 0% 0%;
57 transform-origin: 0% 0%;
58 -webkit-transform: scaleY(1);
59 transform: scaleY(1); } }
60
61@keyframes uSlideUpIn {
62 0% {
63 opacity: 0;
64 -webkit-transform-origin: 0% 0%;
65 transform-origin: 0% 0%;
66 -webkit-transform: scaleY(0.8);
67 transform: scaleY(0.8); }
68 100% {
69 opacity: 1;
70 -webkit-transform-origin: 0% 0%;
71 transform-origin: 0% 0%;
72 -webkit-transform: scaleY(1);
73 transform: scaleY(1); } }
74
75@-webkit-keyframes uSlideUpOut {
76 0% {
77 opacity: 1;
78 -webkit-transform-origin: 0% 0%;
79 transform-origin: 0% 0%;
80 -webkit-transform: scaleY(1);
81 transform: scaleY(1); }
82 100% {
83 opacity: 0;
84 -webkit-transform-origin: 0% 0%;
85 transform-origin: 0% 0%;
86 -webkit-transform: scaleY(0.8);
87 transform: scaleY(0.8); } }
88
89@keyframes uSlideUpOut {
90 0% {
91 opacity: 1;
92 -webkit-transform-origin: 0% 0%;
93 transform-origin: 0% 0%;
94 -webkit-transform: scaleY(1);
95 transform: scaleY(1); }
96 100% {
97 opacity: 0;
98 -webkit-transform-origin: 0% 0%;
99 transform-origin: 0% 0%;
100 -webkit-transform: scaleY(0.8);
101 transform: scaleY(0.8); } }
102
103@-webkit-keyframes uSlideDownIn {
104 0% {
105 opacity: 0;
106 -webkit-transform-origin: 100% 100%;
107 transform-origin: 100% 100%;
108 -webkit-transform: scaleY(0.8);
109 transform: scaleY(0.8); }
110 100% {
111 opacity: 1;
112 -webkit-transform-origin: 100% 100%;
113 transform-origin: 100% 100%;
114 -webkit-transform: scaleY(1);
115 transform: scaleY(1); } }
116
117@keyframes uSlideDownIn {
118 0% {
119 opacity: 0;
120 -webkit-transform-origin: 100% 100%;
121 transform-origin: 100% 100%;
122 -webkit-transform: scaleY(0.8);
123 transform: scaleY(0.8); }
124 100% {
125 opacity: 1;
126 -webkit-transform-origin: 100% 100%;
127 transform-origin: 100% 100%;
128 -webkit-transform: scaleY(1);
129 transform: scaleY(1); } }
130
131@-webkit-keyframes uSlideDownOut {
132 0% {
133 opacity: 1;
134 -webkit-transform-origin: 100% 100%;
135 transform-origin: 100% 100%;
136 -webkit-transform: scaleY(1);
137 transform: scaleY(1); }
138 100% {
139 opacity: 0;
140 -webkit-transform-origin: 100% 100%;
141 transform-origin: 100% 100%;
142 -webkit-transform: scaleY(0.8);
143 transform: scaleY(0.8); } }
144
145@keyframes uSlideDownOut {
146 0% {
147 opacity: 1;
148 -webkit-transform-origin: 100% 100%;
149 transform-origin: 100% 100%;
150 -webkit-transform: scaleY(1);
151 transform: scaleY(1); }
152 100% {
153 opacity: 0;
154 -webkit-transform-origin: 100% 100%;
155 transform-origin: 100% 100%;
156 -webkit-transform: scaleY(0.8);
157 transform: scaleY(0.8); } }
158
159@-webkit-keyframes uSlideLeftIn {
160 0% {
161 opacity: 0;
162 -webkit-transform-origin: 0% 0%;
163 transform-origin: 0% 0%;
164 -webkit-transform: scaleX(0.8);
165 transform: scaleX(0.8); }
166 100% {
167 opacity: 1;
168 -webkit-transform-origin: 0% 0%;
169 transform-origin: 0% 0%;
170 -webkit-transform: scaleX(1);
171 transform: scaleX(1); } }
172
173@keyframes uSlideLeftIn {
174 0% {
175 opacity: 0;
176 -webkit-transform-origin: 0% 0%;
177 transform-origin: 0% 0%;
178 -webkit-transform: scaleX(0.8);
179 transform: scaleX(0.8); }
180 100% {
181 opacity: 1;
182 -webkit-transform-origin: 0% 0%;
183 transform-origin: 0% 0%;
184 -webkit-transform: scaleX(1);
185 transform: scaleX(1); } }
186
187@-webkit-keyframes uSlideLeftOut {
188 0% {
189 opacity: 1;
190 -webkit-transform-origin: 0% 0%;
191 transform-origin: 0% 0%;
192 -webkit-transform: scaleX(1);
193 transform: scaleX(1); }
194 100% {
195 opacity: 0;
196 -webkit-transform-origin: 0% 0%;
197 transform-origin: 0% 0%;
198 -webkit-transform: scaleX(0.8);
199 transform: scaleX(0.8); } }
200
201@keyframes uSlideLeftOut {
202 0% {
203 opacity: 1;
204 -webkit-transform-origin: 0% 0%;
205 transform-origin: 0% 0%;
206 -webkit-transform: scaleX(1);
207 transform: scaleX(1); }
208 100% {
209 opacity: 0;
210 -webkit-transform-origin: 0% 0%;
211 transform-origin: 0% 0%;
212 -webkit-transform: scaleX(0.8);
213 transform: scaleX(0.8); } }
214
215@-webkit-keyframes uSlideRightIn {
216 0% {
217 opacity: 0;
218 -webkit-transform-origin: 100% 0%;
219 transform-origin: 100% 0%;
220 -webkit-transform: scaleX(0.8);
221 transform: scaleX(0.8); }
222 100% {
223 opacity: 1;
224 -webkit-transform-origin: 100% 0%;
225 transform-origin: 100% 0%;
226 -webkit-transform: scaleX(1);
227 transform: scaleX(1); } }
228
229@keyframes uSlideRightIn {
230 0% {
231 opacity: 0;
232 -webkit-transform-origin: 100% 0%;
233 transform-origin: 100% 0%;
234 -webkit-transform: scaleX(0.8);
235 transform: scaleX(0.8); }
236 100% {
237 opacity: 1;
238 -webkit-transform-origin: 100% 0%;
239 transform-origin: 100% 0%;
240 -webkit-transform: scaleX(1);
241 transform: scaleX(1); } }
242
243@-webkit-keyframes uSlideRightOut {
244 0% {
245 opacity: 1;
246 -webkit-transform-origin: 100% 0%;
247 transform-origin: 100% 0%;
248 -webkit-transform: scaleX(1);
249 transform: scaleX(1); }
250 100% {
251 opacity: 0;
252 -webkit-transform-origin: 100% 0%;
253 transform-origin: 100% 0%;
254 -webkit-transform: scaleX(0.8);
255 transform: scaleX(0.8); } }
256
257@keyframes uSlideRightOut {
258 0% {
259 opacity: 1;
260 -webkit-transform-origin: 100% 0%;
261 transform-origin: 100% 0%;
262 -webkit-transform: scaleX(1);
263 transform: scaleX(1); }
264 100% {
265 opacity: 0;
266 -webkit-transform-origin: 100% 0%;
267 transform-origin: 100% 0%;
268 -webkit-transform: scaleX(0.8);
269 transform: scaleX(0.8); } }
270
271@-webkit-keyframes uSwingIn {
272 0%,
273 100% {
274 -webkit-transform: translateX(0px);
275 transform: translateX(0px); }
276 20% {
277 -webkit-transform: translateX(-10px);
278 transform: translateX(-10px); }
279 40% {
280 -webkit-transform: translateX(10px);
281 transform: translateX(10px); }
282 60% {
283 -webkit-transform: translateX(-5px);
284 transform: translateX(-5px); }
285 80% {
286 -webkit-transform: translateX(5px);
287 transform: translateX(5px); } }
288
289@keyframes uSwingIn {
290 0%,
291 100% {
292 -webkit-transform: translateX(0px);
293 transform: translateX(0px); }
294 20% {
295 -webkit-transform: translateX(-10px);
296 transform: translateX(-10px); }
297 40% {
298 -webkit-transform: translateX(10px);
299 transform: translateX(10px); }
300 60% {
301 -webkit-transform: translateX(-5px);
302 transform: translateX(-5px); }
303 80% {
304 -webkit-transform: translateX(5px);
305 transform: translateX(5px); } }
306
307@-webkit-keyframes uZoomIn {
308 0% {
309 opacity: 0;
310 -webkit-transform: scale(0.2);
311 transform: scale(0.2); }
312 100% {
313 opacity: 1;
314 -webkit-transform: scale(1);
315 transform: scale(1); } }
316
317@keyframes uZoomIn {
318 0% {
319 opacity: 0;
320 -webkit-transform: scale(0.2);
321 transform: scale(0.2); }
322 100% {
323 opacity: 1;
324 -webkit-transform: scale(1);
325 transform: scale(1); } }
326
327@-webkit-keyframes uZoomOut {
328 0% {
329 -webkit-transform: scale(1);
330 transform: scale(1); }
331 100% {
332 opacity: 0;
333 -webkit-transform: scale(0.2);
334 transform: scale(0.2); } }
335
336@keyframes uZoomOut {
337 0% {
338 -webkit-transform: scale(1);
339 transform: scale(1); }
340 100% {
341 opacity: 0;
342 -webkit-transform: scale(0.2);
343 transform: scale(0.2); } }
344
345@-webkit-keyframes uZoomBigIn {
346 0% {
347 opacity: 0;
348 -webkit-transform: scale(0.8);
349 transform: scale(0.8); }
350 100% {
351 -webkit-transform: scale(1);
352 transform: scale(1); } }
353
354@keyframes uZoomBigIn {
355 0% {
356 opacity: 0;
357 -webkit-transform: scale(0.8);
358 transform: scale(0.8); }
359 100% {
360 -webkit-transform: scale(1);
361 transform: scale(1); } }
362
363@-webkit-keyframes uZoomBigOut {
364 0% {
365 -webkit-transform: scale(1);
366 transform: scale(1); }
367 100% {
368 opacity: 0;
369 -webkit-transform: scale(0.8);
370 transform: scale(0.8); } }
371
372@keyframes uZoomBigOut {
373 0% {
374 -webkit-transform: scale(1);
375 transform: scale(1); }
376 100% {
377 opacity: 0;
378 -webkit-transform: scale(0.8);
379 transform: scale(0.8); } }
380
381@-webkit-keyframes uZoomUpIn {
382 0% {
383 opacity: 0;
384 -webkit-transform-origin: 50% 0%;
385 transform-origin: 50% 0%;
386 -webkit-transform: scale(0.8);
387 transform: scale(0.8); }
388 100% {
389 -webkit-transform-origin: 50% 0%;
390 transform-origin: 50% 0%;
391 -webkit-transform: scale(1);
392 transform: scale(1); } }
393
394@keyframes uZoomUpIn {
395 0% {
396 opacity: 0;
397 -webkit-transform-origin: 50% 0%;
398 transform-origin: 50% 0%;
399 -webkit-transform: scale(0.8);
400 transform: scale(0.8); }
401 100% {
402 -webkit-transform-origin: 50% 0%;
403 transform-origin: 50% 0%;
404 -webkit-transform: scale(1);
405 transform: scale(1); } }
406
407@-webkit-keyframes uZoomUpOut {
408 0% {
409 -webkit-transform-origin: 50% 0%;
410 transform-origin: 50% 0%;
411 -webkit-transform: scale(1);
412 transform: scale(1); }
413 100% {
414 opacity: 0;
415 -webkit-transform-origin: 50% 0%;
416 transform-origin: 50% 0%;
417 -webkit-transform: scale(0.8);
418 transform: scale(0.8); } }
419
420@keyframes uZoomUpOut {
421 0% {
422 -webkit-transform-origin: 50% 0%;
423 transform-origin: 50% 0%;
424 -webkit-transform: scale(1);
425 transform: scale(1); }
426 100% {
427 opacity: 0;
428 -webkit-transform-origin: 50% 0%;
429 transform-origin: 50% 0%;
430 -webkit-transform: scale(0.8);
431 transform: scale(0.8); } }
432
433@-webkit-keyframes uZoomLeftIn {
434 0% {
435 opacity: 0;
436 -webkit-transform-origin: 0% 50%;
437 transform-origin: 0% 50%;
438 -webkit-transform: scale(0.8);
439 transform: scale(0.8); }
440 100% {
441 -webkit-transform-origin: 0% 50%;
442 transform-origin: 0% 50%;
443 -webkit-transform: scale(1);
444 transform: scale(1); } }
445
446@keyframes uZoomLeftIn {
447 0% {
448 opacity: 0;
449 -webkit-transform-origin: 0% 50%;
450 transform-origin: 0% 50%;
451 -webkit-transform: scale(0.8);
452 transform: scale(0.8); }
453 100% {
454 -webkit-transform-origin: 0% 50%;
455 transform-origin: 0% 50%;
456 -webkit-transform: scale(1);
457 transform: scale(1); } }
458
459@-webkit-keyframes uZoomLeftOut {
460 0% {
461 -webkit-transform-origin: 0% 50%;
462 transform-origin: 0% 50%;
463 -webkit-transform: scale(1);
464 transform: scale(1); }
465 100% {
466 opacity: 0;
467 -webkit-transform-origin: 0% 50%;
468 transform-origin: 0% 50%;
469 -webkit-transform: scale(0.8);
470 transform: scale(0.8); } }
471
472@keyframes uZoomLeftOut {
473 0% {
474 -webkit-transform-origin: 0% 50%;
475 transform-origin: 0% 50%;
476 -webkit-transform: scale(1);
477 transform: scale(1); }
478 100% {
479 opacity: 0;
480 -webkit-transform-origin: 0% 50%;
481 transform-origin: 0% 50%;
482 -webkit-transform: scale(0.8);
483 transform: scale(0.8); } }
484
485@-webkit-keyframes uZoomRightIn {
486 0% {
487 opacity: 0;
488 -webkit-transform-origin: 100% 50%;
489 transform-origin: 100% 50%;
490 -webkit-transform: scale(0.8);
491 transform: scale(0.8); }
492 100% {
493 -webkit-transform-origin: 100% 50%;
494 transform-origin: 100% 50%;
495 -webkit-transform: scale(1);
496 transform: scale(1); } }
497
498@keyframes uZoomRightIn {
499 0% {
500 opacity: 0;
501 -webkit-transform-origin: 100% 50%;
502 transform-origin: 100% 50%;
503 -webkit-transform: scale(0.8);
504 transform: scale(0.8); }
505 100% {
506 -webkit-transform-origin: 100% 50%;
507 transform-origin: 100% 50%;
508 -webkit-transform: scale(1);
509 transform: scale(1); } }
510
511@-webkit-keyframes uZoomRightOut {
512 0% {
513 -webkit-transform-origin: 100% 50%;
514 transform-origin: 100% 50%;
515 -webkit-transform: scale(1);
516 transform: scale(1); }
517 100% {
518 opacity: 0;
519 -webkit-transform-origin: 100% 50%;
520 transform-origin: 100% 50%;
521 -webkit-transform: scale(0.8);
522 transform: scale(0.8); } }
523
524@keyframes uZoomRightOut {
525 0% {
526 -webkit-transform-origin: 100% 50%;
527 transform-origin: 100% 50%;
528 -webkit-transform: scale(1);
529 transform: scale(1); }
530 100% {
531 opacity: 0;
532 -webkit-transform-origin: 100% 50%;
533 transform-origin: 100% 50%;
534 -webkit-transform: scale(0.8);
535 transform: scale(0.8); } }
536
537@-webkit-keyframes uZoomDownIn {
538 0% {
539 opacity: 0;
540 -webkit-transform-origin: 50% 100%;
541 transform-origin: 50% 100%;
542 -webkit-transform: scale(0.8);
543 transform: scale(0.8); }
544 100% {
545 -webkit-transform-origin: 50% 100%;
546 transform-origin: 50% 100%;
547 -webkit-transform: scale(1);
548 transform: scale(1); } }
549
550@keyframes uZoomDownIn {
551 0% {
552 opacity: 0;
553 -webkit-transform-origin: 50% 100%;
554 transform-origin: 50% 100%;
555 -webkit-transform: scale(0.8);
556 transform: scale(0.8); }
557 100% {
558 -webkit-transform-origin: 50% 100%;
559 transform-origin: 50% 100%;
560 -webkit-transform: scale(1);
561 transform: scale(1); } }
562
563@-webkit-keyframes uZoomDownOut {
564 0% {
565 -webkit-transform-origin: 50% 100%;
566 transform-origin: 50% 100%;
567 -webkit-transform: scale(1);
568 transform: scale(1); }
569 100% {
570 opacity: 0;
571 -webkit-transform-origin: 50% 100%;
572 transform-origin: 50% 100%;
573 -webkit-transform: scale(0.8);
574 transform: scale(0.8); } }
575
576@keyframes uZoomDownOut {
577 0% {
578 -webkit-transform-origin: 50% 100%;
579 transform-origin: 50% 100%;
580 -webkit-transform: scale(1);
581 transform: scale(1); }
582 100% {
583 opacity: 0;
584 -webkit-transform-origin: 50% 100%;
585 transform-origin: 50% 100%;
586 -webkit-transform: scale(0.8);
587 transform: scale(0.8); } }
588
589@keyframes rcMenuOpenZoomIn {
590 0% {
591 opacity: 0;
592 transform: scale(0, 0); }
593 100% {
594 opacity: 1;
595 transform: scale(1, 1); } }
596
597@keyframes rcMenuOpenZoomOut {
598 0% {
599 transform: scale(1, 1); }
600 100% {
601 opacity: 0;
602 transform: scale(0, 0); } }
603
604@keyframes rcMenuOpenSlideUpIn {
605 0% {
606 opacity: 0;
607 transform-origin: 0% 0%;
608 transform: scaleY(0); }
609 100% {
610 opacity: 1;
611 transform-origin: 0% 0%;
612 transform: scaleY(1); } }
613
614@keyframes rcMenuOpenSlideUpOut {
615 0% {
616 opacity: 1;
617 transform-origin: 0% 0%;
618 transform: scaleY(1); }
619 100% {
620 opacity: 0;
621 transform-origin: 0% 0%;
622 transform: scaleY(0); } }
623
624.u-label {
625 padding-right: 5px;
626 font-size: 14px; }