~jan0sch/smederee

~jan0sch/smederee/modules/hub/src/main/resources/assets/purecss/3.0.0/grids-responsive.css
 ..
0 /*!
1 Pure v3.0.0
2 Copyright 2013 Yahoo!
3 Licensed under the BSD License.
4 https://github.com/pure-css/pure/blob/master/LICENSE
5 */
6 @media screen and (min-width: 35.5em) {
7 .pure-u-sm-1,
8 .pure-u-sm-1-1,
9 .pure-u-sm-1-2,
10 .pure-u-sm-1-3,
11 .pure-u-sm-2-3,
12 .pure-u-sm-1-4,
13 .pure-u-sm-3-4,
14 .pure-u-sm-1-5,
15 .pure-u-sm-2-5,
16 .pure-u-sm-3-5,
17 .pure-u-sm-4-5,
18 .pure-u-sm-5-5,
19 .pure-u-sm-1-6,
20 .pure-u-sm-5-6,
21 .pure-u-sm-1-8,
22 .pure-u-sm-3-8,
23 .pure-u-sm-5-8,
24 .pure-u-sm-7-8,
25 .pure-u-sm-1-12,
26 .pure-u-sm-5-12,
27 .pure-u-sm-7-12,
28 .pure-u-sm-11-12,
29 .pure-u-sm-1-24,
30 .pure-u-sm-2-24,
31 .pure-u-sm-3-24,
32 .pure-u-sm-4-24,
33 .pure-u-sm-5-24,
34 .pure-u-sm-6-24,
35 .pure-u-sm-7-24,
36 .pure-u-sm-8-24,
37 .pure-u-sm-9-24,
38 .pure-u-sm-10-24,
39 .pure-u-sm-11-24,
40 .pure-u-sm-12-24,
41 .pure-u-sm-13-24,
42 .pure-u-sm-14-24,
43 .pure-u-sm-15-24,
44 .pure-u-sm-16-24,
45 .pure-u-sm-17-24,
46 .pure-u-sm-18-24,
47 .pure-u-sm-19-24,
48 .pure-u-sm-20-24,
49 .pure-u-sm-21-24,
50 .pure-u-sm-22-24,
51 .pure-u-sm-23-24,
52 .pure-u-sm-24-24 {
53 display: inline-block;
54 letter-spacing: normal;
55 word-spacing: normal;
56 vertical-align: top;
57 text-rendering: auto;
58 }
59
60 .pure-u-sm-1-24 {
61 width: 4.1667%;
62 }
63
64 .pure-u-sm-1-12,
65 .pure-u-sm-2-24 {
66 width: 8.3333%;
67 }
68
69 .pure-u-sm-1-8,
70 .pure-u-sm-3-24 {
71 width: 12.5000%;
72 }
73
74 .pure-u-sm-1-6,
75 .pure-u-sm-4-24 {
76 width: 16.6667%;
77 }
78
79 .pure-u-sm-1-5 {
80 width: 20%;
81 }
82
83 .pure-u-sm-5-24 {
84 width: 20.8333%;
85 }
86
87 .pure-u-sm-1-4,
88 .pure-u-sm-6-24 {
89 width: 25%;
90 }
91
92 .pure-u-sm-7-24 {
93 width: 29.1667%;
94 }
95
96 .pure-u-sm-1-3,
97 .pure-u-sm-8-24 {
98 width: 33.3333%;
99 }
100
101 .pure-u-sm-3-8,
102 .pure-u-sm-9-24 {
103 width: 37.5000%;
104 }
105
106 .pure-u-sm-2-5 {
107 width: 40%;
108 }
109
110 .pure-u-sm-5-12,
111 .pure-u-sm-10-24 {
112 width: 41.6667%;
113 }
114
115 .pure-u-sm-11-24 {
116 width: 45.8333%;
117 }
118
119 .pure-u-sm-1-2,
120 .pure-u-sm-12-24 {
121 width: 50%;
122 }
123
124 .pure-u-sm-13-24 {
125 width: 54.1667%;
126 }
127
128 .pure-u-sm-7-12,
129 .pure-u-sm-14-24 {
130 width: 58.3333%;
131 }
132
133 .pure-u-sm-3-5 {
134 width: 60%;
135 }
136
137 .pure-u-sm-5-8,
138 .pure-u-sm-15-24 {
139 width: 62.5000%;
140 }
141
142 .pure-u-sm-2-3,
143 .pure-u-sm-16-24 {
144 width: 66.6667%;
145 }
146
147 .pure-u-sm-17-24 {
148 width: 70.8333%;
149 }
150
151 .pure-u-sm-3-4,
152 .pure-u-sm-18-24 {
153 width: 75%;
154 }
155
156 .pure-u-sm-19-24 {
157 width: 79.1667%;
158 }
159
160 .pure-u-sm-4-5 {
161 width: 80%;
162 }
163
164 .pure-u-sm-5-6,
165 .pure-u-sm-20-24 {
166 width: 83.3333%;
167 }
168
169 .pure-u-sm-7-8,
170 .pure-u-sm-21-24 {
171 width: 87.5000%;
172 }
173
174 .pure-u-sm-11-12,
175 .pure-u-sm-22-24 {
176 width: 91.6667%;
177 }
178
179 .pure-u-sm-23-24 {
180 width: 95.8333%;
181 }
182
183 .pure-u-sm-1,
184 .pure-u-sm-1-1,
185 .pure-u-sm-5-5,
186 .pure-u-sm-24-24 {
187 width: 100%;
188 }
189 }
190
191 @media screen and (min-width: 48em) {
192 .pure-u-md-1,
193 .pure-u-md-1-1,
194 .pure-u-md-1-2,
195 .pure-u-md-1-3,
196 .pure-u-md-2-3,
197 .pure-u-md-1-4,
198 .pure-u-md-3-4,
199 .pure-u-md-1-5,
200 .pure-u-md-2-5,
201 .pure-u-md-3-5,
202 .pure-u-md-4-5,
203 .pure-u-md-5-5,
204 .pure-u-md-1-6,
205 .pure-u-md-5-6,
206 .pure-u-md-1-8,
207 .pure-u-md-3-8,
208 .pure-u-md-5-8,
209 .pure-u-md-7-8,
210 .pure-u-md-1-12,
211 .pure-u-md-5-12,
212 .pure-u-md-7-12,
213 .pure-u-md-11-12,
214 .pure-u-md-1-24,
215 .pure-u-md-2-24,
216 .pure-u-md-3-24,
217 .pure-u-md-4-24,
218 .pure-u-md-5-24,
219 .pure-u-md-6-24,
220 .pure-u-md-7-24,
221 .pure-u-md-8-24,
222 .pure-u-md-9-24,
223 .pure-u-md-10-24,
224 .pure-u-md-11-24,
225 .pure-u-md-12-24,
226 .pure-u-md-13-24,
227 .pure-u-md-14-24,
228 .pure-u-md-15-24,
229 .pure-u-md-16-24,
230 .pure-u-md-17-24,
231 .pure-u-md-18-24,
232 .pure-u-md-19-24,
233 .pure-u-md-20-24,
234 .pure-u-md-21-24,
235 .pure-u-md-22-24,
236 .pure-u-md-23-24,
237 .pure-u-md-24-24 {
238 display: inline-block;
239 letter-spacing: normal;
240 word-spacing: normal;
241 vertical-align: top;
242 text-rendering: auto;
243 }
244
245 .pure-u-md-1-24 {
246 width: 4.1667%;
247 }
248
249 .pure-u-md-1-12,
250 .pure-u-md-2-24 {
251 width: 8.3333%;
252 }
253
254 .pure-u-md-1-8,
255 .pure-u-md-3-24 {
256 width: 12.5000%;
257 }
258
259 .pure-u-md-1-6,
260 .pure-u-md-4-24 {
261 width: 16.6667%;
262 }
263
264 .pure-u-md-1-5 {
265 width: 20%;
266 }
267
268 .pure-u-md-5-24 {
269 width: 20.8333%;
270 }
271
272 .pure-u-md-1-4,
273 .pure-u-md-6-24 {
274 width: 25%;
275 }
276
277 .pure-u-md-7-24 {
278 width: 29.1667%;
279 }
280
281 .pure-u-md-1-3,
282 .pure-u-md-8-24 {
283 width: 33.3333%;
284 }
285
286 .pure-u-md-3-8,
287 .pure-u-md-9-24 {
288 width: 37.5000%;
289 }
290
291 .pure-u-md-2-5 {
292 width: 40%;
293 }
294
295 .pure-u-md-5-12,
296 .pure-u-md-10-24 {
297 width: 41.6667%;
298 }
299
300 .pure-u-md-11-24 {
301 width: 45.8333%;
302 }
303
304 .pure-u-md-1-2,
305 .pure-u-md-12-24 {
306 width: 50%;
307 }
308
309 .pure-u-md-13-24 {
310 width: 54.1667%;
311 }
312
313 .pure-u-md-7-12,
314 .pure-u-md-14-24 {
315 width: 58.3333%;
316 }
317
318 .pure-u-md-3-5 {
319 width: 60%;
320 }
321
322 .pure-u-md-5-8,
323 .pure-u-md-15-24 {
324 width: 62.5000%;
325 }
326
327 .pure-u-md-2-3,
328 .pure-u-md-16-24 {
329 width: 66.6667%;
330 }
331
332 .pure-u-md-17-24 {
333 width: 70.8333%;
334 }
335
336 .pure-u-md-3-4,
337 .pure-u-md-18-24 {
338 width: 75%;
339 }
340
341 .pure-u-md-19-24 {
342 width: 79.1667%;
343 }
344
345 .pure-u-md-4-5 {
346 width: 80%;
347 }
348
349 .pure-u-md-5-6,
350 .pure-u-md-20-24 {
351 width: 83.3333%;
352 }
353
354 .pure-u-md-7-8,
355 .pure-u-md-21-24 {
356 width: 87.5000%;
357 }
358
359 .pure-u-md-11-12,
360 .pure-u-md-22-24 {
361 width: 91.6667%;
362 }
363
364 .pure-u-md-23-24 {
365 width: 95.8333%;
366 }
367
368 .pure-u-md-1,
369 .pure-u-md-1-1,
370 .pure-u-md-5-5,
371 .pure-u-md-24-24 {
372 width: 100%;
373 }
374 }
375
376 @media screen and (min-width: 64em) {
377 .pure-u-lg-1,
378 .pure-u-lg-1-1,
379 .pure-u-lg-1-2,
380 .pure-u-lg-1-3,
381 .pure-u-lg-2-3,
382 .pure-u-lg-1-4,
383 .pure-u-lg-3-4,
384 .pure-u-lg-1-5,
385 .pure-u-lg-2-5,
386 .pure-u-lg-3-5,
387 .pure-u-lg-4-5,
388 .pure-u-lg-5-5,
389 .pure-u-lg-1-6,
390 .pure-u-lg-5-6,
391 .pure-u-lg-1-8,
392 .pure-u-lg-3-8,
393 .pure-u-lg-5-8,
394 .pure-u-lg-7-8,
395 .pure-u-lg-1-12,
396 .pure-u-lg-5-12,
397 .pure-u-lg-7-12,
398 .pure-u-lg-11-12,
399 .pure-u-lg-1-24,
400 .pure-u-lg-2-24,
401 .pure-u-lg-3-24,
402 .pure-u-lg-4-24,
403 .pure-u-lg-5-24,
404 .pure-u-lg-6-24,
405 .pure-u-lg-7-24,
406 .pure-u-lg-8-24,
407 .pure-u-lg-9-24,
408 .pure-u-lg-10-24,
409 .pure-u-lg-11-24,
410 .pure-u-lg-12-24,
411 .pure-u-lg-13-24,
412 .pure-u-lg-14-24,
413 .pure-u-lg-15-24,
414 .pure-u-lg-16-24,
415 .pure-u-lg-17-24,
416 .pure-u-lg-18-24,
417 .pure-u-lg-19-24,
418 .pure-u-lg-20-24,
419 .pure-u-lg-21-24,
420 .pure-u-lg-22-24,
421 .pure-u-lg-23-24,
422 .pure-u-lg-24-24 {
423 display: inline-block;
424 letter-spacing: normal;
425 word-spacing: normal;
426 vertical-align: top;
427 text-rendering: auto;
428 }
429
430 .pure-u-lg-1-24 {
431 width: 4.1667%;
432 }
433
434 .pure-u-lg-1-12,
435 .pure-u-lg-2-24 {
436 width: 8.3333%;
437 }
438
439 .pure-u-lg-1-8,
440 .pure-u-lg-3-24 {
441 width: 12.5000%;
442 }
443
444 .pure-u-lg-1-6,
445 .pure-u-lg-4-24 {
446 width: 16.6667%;
447 }
448
449 .pure-u-lg-1-5 {
450 width: 20%;
451 }
452
453 .pure-u-lg-5-24 {
454 width: 20.8333%;
455 }
456
457 .pure-u-lg-1-4,
458 .pure-u-lg-6-24 {
459 width: 25%;
460 }
461
462 .pure-u-lg-7-24 {
463 width: 29.1667%;
464 }
465
466 .pure-u-lg-1-3,
467 .pure-u-lg-8-24 {
468 width: 33.3333%;
469 }
470
471 .pure-u-lg-3-8,
472 .pure-u-lg-9-24 {
473 width: 37.5000%;
474 }
475
476 .pure-u-lg-2-5 {
477 width: 40%;
478 }
479
480 .pure-u-lg-5-12,
481 .pure-u-lg-10-24 {
482 width: 41.6667%;
483 }
484
485 .pure-u-lg-11-24 {
486 width: 45.8333%;
487 }
488
489 .pure-u-lg-1-2,
490 .pure-u-lg-12-24 {
491 width: 50%;
492 }
493
494 .pure-u-lg-13-24 {
495 width: 54.1667%;
496 }
497
498 .pure-u-lg-7-12,
499 .pure-u-lg-14-24 {
500 width: 58.3333%;
501 }
502
503 .pure-u-lg-3-5 {
504 width: 60%;
505 }
506
507 .pure-u-lg-5-8,
508 .pure-u-lg-15-24 {
509 width: 62.5000%;
510 }
511
512 .pure-u-lg-2-3,
513 .pure-u-lg-16-24 {
514 width: 66.6667%;
515 }
516
517 .pure-u-lg-17-24 {
518 width: 70.8333%;
519 }
520
521 .pure-u-lg-3-4,
522 .pure-u-lg-18-24 {
523 width: 75%;
524 }
525
526 .pure-u-lg-19-24 {
527 width: 79.1667%;
528 }
529
530 .pure-u-lg-4-5 {
531 width: 80%;
532 }
533
534 .pure-u-lg-5-6,
535 .pure-u-lg-20-24 {
536 width: 83.3333%;
537 }
538
539 .pure-u-lg-7-8,
540 .pure-u-lg-21-24 {
541 width: 87.5000%;
542 }
543
544 .pure-u-lg-11-12,
545 .pure-u-lg-22-24 {
546 width: 91.6667%;
547 }
548
549 .pure-u-lg-23-24 {
550 width: 95.8333%;
551 }
552
553 .pure-u-lg-1,
554 .pure-u-lg-1-1,
555 .pure-u-lg-5-5,
556 .pure-u-lg-24-24 {
557 width: 100%;
558 }
559 }
560
561 @media screen and (min-width: 80em) {
562 .pure-u-xl-1,
563 .pure-u-xl-1-1,
564 .pure-u-xl-1-2,
565 .pure-u-xl-1-3,
566 .pure-u-xl-2-3,
567 .pure-u-xl-1-4,
568 .pure-u-xl-3-4,
569 .pure-u-xl-1-5,
570 .pure-u-xl-2-5,
571 .pure-u-xl-3-5,
572 .pure-u-xl-4-5,
573 .pure-u-xl-5-5,
574 .pure-u-xl-1-6,
575 .pure-u-xl-5-6,
576 .pure-u-xl-1-8,
577 .pure-u-xl-3-8,
578 .pure-u-xl-5-8,
579 .pure-u-xl-7-8,
580 .pure-u-xl-1-12,
581 .pure-u-xl-5-12,
582 .pure-u-xl-7-12,
583 .pure-u-xl-11-12,
584 .pure-u-xl-1-24,
585 .pure-u-xl-2-24,
586 .pure-u-xl-3-24,
587 .pure-u-xl-4-24,
588 .pure-u-xl-5-24,
589 .pure-u-xl-6-24,
590 .pure-u-xl-7-24,
591 .pure-u-xl-8-24,
592 .pure-u-xl-9-24,
593 .pure-u-xl-10-24,
594 .pure-u-xl-11-24,
595 .pure-u-xl-12-24,
596 .pure-u-xl-13-24,
597 .pure-u-xl-14-24,
598 .pure-u-xl-15-24,
599 .pure-u-xl-16-24,
600 .pure-u-xl-17-24,
601 .pure-u-xl-18-24,
602 .pure-u-xl-19-24,
603 .pure-u-xl-20-24,
604 .pure-u-xl-21-24,
605 .pure-u-xl-22-24,
606 .pure-u-xl-23-24,
607 .pure-u-xl-24-24 {
608 display: inline-block;
609 letter-spacing: normal;
610 word-spacing: normal;
611 vertical-align: top;
612 text-rendering: auto;
613 }
614
615 .pure-u-xl-1-24 {
616 width: 4.1667%;
617 }
618
619 .pure-u-xl-1-12,
620 .pure-u-xl-2-24 {
621 width: 8.3333%;
622 }
623
624 .pure-u-xl-1-8,
625 .pure-u-xl-3-24 {
626 width: 12.5000%;
627 }
628
629 .pure-u-xl-1-6,
630 .pure-u-xl-4-24 {
631 width: 16.6667%;
632 }
633
634 .pure-u-xl-1-5 {
635 width: 20%;
636 }
637
638 .pure-u-xl-5-24 {
639 width: 20.8333%;
640 }
641
642 .pure-u-xl-1-4,
643 .pure-u-xl-6-24 {
644 width: 25%;
645 }
646
647 .pure-u-xl-7-24 {
648 width: 29.1667%;
649 }
650
651 .pure-u-xl-1-3,
652 .pure-u-xl-8-24 {
653 width: 33.3333%;
654 }
655
656 .pure-u-xl-3-8,
657 .pure-u-xl-9-24 {
658 width: 37.5000%;
659 }
660
661 .pure-u-xl-2-5 {
662 width: 40%;
663 }
664
665 .pure-u-xl-5-12,
666 .pure-u-xl-10-24 {
667 width: 41.6667%;
668 }
669
670 .pure-u-xl-11-24 {
671 width: 45.8333%;
672 }
673
674 .pure-u-xl-1-2,
675 .pure-u-xl-12-24 {
676 width: 50%;
677 }
678
679 .pure-u-xl-13-24 {
680 width: 54.1667%;
681 }
682
683 .pure-u-xl-7-12,
684 .pure-u-xl-14-24 {
685 width: 58.3333%;
686 }
687
688 .pure-u-xl-3-5 {
689 width: 60%;
690 }
691
692 .pure-u-xl-5-8,
693 .pure-u-xl-15-24 {
694 width: 62.5000%;
695 }
696
697 .pure-u-xl-2-3,
698 .pure-u-xl-16-24 {
699 width: 66.6667%;
700 }
701
702 .pure-u-xl-17-24 {
703 width: 70.8333%;
704 }
705
706 .pure-u-xl-3-4,
707 .pure-u-xl-18-24 {
708 width: 75%;
709 }
710
711 .pure-u-xl-19-24 {
712 width: 79.1667%;
713 }
714
715 .pure-u-xl-4-5 {
716 width: 80%;
717 }
718
719 .pure-u-xl-5-6,
720 .pure-u-xl-20-24 {
721 width: 83.3333%;
722 }
723
724 .pure-u-xl-7-8,
725 .pure-u-xl-21-24 {
726 width: 87.5000%;
727 }
728
729 .pure-u-xl-11-12,
730 .pure-u-xl-22-24 {
731 width: 91.6667%;
732 }
733
734 .pure-u-xl-23-24 {
735 width: 95.8333%;
736 }
737
738 .pure-u-xl-1,
739 .pure-u-xl-1-1,
740 .pure-u-xl-5-5,
741 .pure-u-xl-24-24 {
742 width: 100%;
743 }
744 }
745
746 @media screen and (min-width: 120em) {
747 .pure-u-xxl-1,
748 .pure-u-xxl-1-1,
749 .pure-u-xxl-1-2,
750 .pure-u-xxl-1-3,
751 .pure-u-xxl-2-3,
752 .pure-u-xxl-1-4,
753 .pure-u-xxl-3-4,
754 .pure-u-xxl-1-5,
755 .pure-u-xxl-2-5,
756 .pure-u-xxl-3-5,
757 .pure-u-xxl-4-5,
758 .pure-u-xxl-5-5,
759 .pure-u-xxl-1-6,
760 .pure-u-xxl-5-6,
761 .pure-u-xxl-1-8,
762 .pure-u-xxl-3-8,
763 .pure-u-xxl-5-8,
764 .pure-u-xxl-7-8,
765 .pure-u-xxl-1-12,
766 .pure-u-xxl-5-12,
767 .pure-u-xxl-7-12,
768 .pure-u-xxl-11-12,
769 .pure-u-xxl-1-24,
770 .pure-u-xxl-2-24,
771 .pure-u-xxl-3-24,
772 .pure-u-xxl-4-24,
773 .pure-u-xxl-5-24,
774 .pure-u-xxl-6-24,
775 .pure-u-xxl-7-24,
776 .pure-u-xxl-8-24,
777 .pure-u-xxl-9-24,
778 .pure-u-xxl-10-24,
779 .pure-u-xxl-11-24,
780 .pure-u-xxl-12-24,
781 .pure-u-xxl-13-24,
782 .pure-u-xxl-14-24,
783 .pure-u-xxl-15-24,
784 .pure-u-xxl-16-24,
785 .pure-u-xxl-17-24,
786 .pure-u-xxl-18-24,
787 .pure-u-xxl-19-24,
788 .pure-u-xxl-20-24,
789 .pure-u-xxl-21-24,
790 .pure-u-xxl-22-24,
791 .pure-u-xxl-23-24,
792 .pure-u-xxl-24-24 {
793 display: inline-block;
794 letter-spacing: normal;
795 word-spacing: normal;
796 vertical-align: top;
797 text-rendering: auto;
798 }
799
800 .pure-u-xxl-1-24 {
801 width: 4.1667%;
802 }
803
804 .pure-u-xxl-1-12,
805 .pure-u-xxl-2-24 {
806 width: 8.3333%;
807 }
808
809 .pure-u-xxl-1-8,
810 .pure-u-xxl-3-24 {
811 width: 12.5000%;
812 }
813
814 .pure-u-xxl-1-6,
815 .pure-u-xxl-4-24 {
816 width: 16.6667%;
817 }
818
819 .pure-u-xxl-1-5 {
820 width: 20%;
821 }
822
823 .pure-u-xxl-5-24 {
824 width: 20.8333%;
825 }
826
827 .pure-u-xxl-1-4,
828 .pure-u-xxl-6-24 {
829 width: 25%;
830 }
831
832 .pure-u-xxl-7-24 {
833 width: 29.1667%;
834 }
835
836 .pure-u-xxl-1-3,
837 .pure-u-xxl-8-24 {
838 width: 33.3333%;
839 }
840
841 .pure-u-xxl-3-8,
842 .pure-u-xxl-9-24 {
843 width: 37.5000%;
844 }
845
846 .pure-u-xxl-2-5 {
847 width: 40%;
848 }
849
850 .pure-u-xxl-5-12,
851 .pure-u-xxl-10-24 {
852 width: 41.6667%;
853 }
854
855 .pure-u-xxl-11-24 {
856 width: 45.8333%;
857 }
858
859 .pure-u-xxl-1-2,
860 .pure-u-xxl-12-24 {
861 width: 50%;
862 }
863
864 .pure-u-xxl-13-24 {
865 width: 54.1667%;
866 }
867
868 .pure-u-xxl-7-12,
869 .pure-u-xxl-14-24 {
870 width: 58.3333%;
871 }
872
873 .pure-u-xxl-3-5 {
874 width: 60%;
875 }
876
877 .pure-u-xxl-5-8,
878 .pure-u-xxl-15-24 {
879 width: 62.5000%;
880 }
881
882 .pure-u-xxl-2-3,
883 .pure-u-xxl-16-24 {
884 width: 66.6667%;
885 }
886
887 .pure-u-xxl-17-24 {
888 width: 70.8333%;
889 }
890
891 .pure-u-xxl-3-4,
892 .pure-u-xxl-18-24 {
893 width: 75%;
894 }
895
896 .pure-u-xxl-19-24 {
897 width: 79.1667%;
898 }
899
900 .pure-u-xxl-4-5 {
901 width: 80%;
902 }
903
904 .pure-u-xxl-5-6,
905 .pure-u-xxl-20-24 {
906 width: 83.3333%;
907 }
908
909 .pure-u-xxl-7-8,
910 .pure-u-xxl-21-24 {
911 width: 87.5000%;
912 }
913
914 .pure-u-xxl-11-12,
915 .pure-u-xxl-22-24 {
916 width: 91.6667%;
917 }
918
919 .pure-u-xxl-23-24 {
920 width: 95.8333%;
921 }
922
923 .pure-u-xxl-1,
924 .pure-u-xxl-1-1,
925 .pure-u-xxl-5-5,
926 .pure-u-xxl-24-24 {
927 width: 100%;
928 }
929 }
930
931 @media screen and (min-width: 160em) {
932 .pure-u-xxxl-1,
933 .pure-u-xxxl-1-1,
934 .pure-u-xxxl-1-2,
935 .pure-u-xxxl-1-3,
936 .pure-u-xxxl-2-3,
937 .pure-u-xxxl-1-4,
938 .pure-u-xxxl-3-4,
939 .pure-u-xxxl-1-5,
940 .pure-u-xxxl-2-5,
941 .pure-u-xxxl-3-5,
942 .pure-u-xxxl-4-5,
943 .pure-u-xxxl-5-5,
944 .pure-u-xxxl-1-6,
945 .pure-u-xxxl-5-6,
946 .pure-u-xxxl-1-8,
947 .pure-u-xxxl-3-8,
948 .pure-u-xxxl-5-8,
949 .pure-u-xxxl-7-8,
950 .pure-u-xxxl-1-12,
951 .pure-u-xxxl-5-12,
952 .pure-u-xxxl-7-12,
953 .pure-u-xxxl-11-12,
954 .pure-u-xxxl-1-24,
955 .pure-u-xxxl-2-24,
956 .pure-u-xxxl-3-24,
957 .pure-u-xxxl-4-24,
958 .pure-u-xxxl-5-24,
959 .pure-u-xxxl-6-24,
960 .pure-u-xxxl-7-24,
961 .pure-u-xxxl-8-24,
962 .pure-u-xxxl-9-24,
963 .pure-u-xxxl-10-24,
964 .pure-u-xxxl-11-24,
965 .pure-u-xxxl-12-24,
966 .pure-u-xxxl-13-24,
967 .pure-u-xxxl-14-24,
968 .pure-u-xxxl-15-24,
969 .pure-u-xxxl-16-24,
970 .pure-u-xxxl-17-24,
971 .pure-u-xxxl-18-24,
972 .pure-u-xxxl-19-24,
973 .pure-u-xxxl-20-24,
974 .pure-u-xxxl-21-24,
975 .pure-u-xxxl-22-24,
976 .pure-u-xxxl-23-24,
977 .pure-u-xxxl-24-24 {
978 display: inline-block;
979 letter-spacing: normal;
980 word-spacing: normal;
981 vertical-align: top;
982 text-rendering: auto;
983 }
984
985 .pure-u-xxxl-1-24 {
986 width: 4.1667%;
987 }
988
989 .pure-u-xxxl-1-12,
990 .pure-u-xxxl-2-24 {
991 width: 8.3333%;
992 }
993
994 .pure-u-xxxl-1-8,
995 .pure-u-xxxl-3-24 {
996 width: 12.5000%;
997 }
998
999 .pure-u-xxxl-1-6,
1000 .pure-u-xxxl-4-24 {
1001 width: 16.6667%;
1002 }
1003
1004 .pure-u-xxxl-1-5 {
1005 width: 20%;
1006 }
1007
1008 .pure-u-xxxl-5-24 {
1009 width: 20.8333%;
1010 }
1011
1012 .pure-u-xxxl-1-4,
1013 .pure-u-xxxl-6-24 {
1014 width: 25%;
1015 }
1016
1017 .pure-u-xxxl-7-24 {
1018 width: 29.1667%;
1019 }
1020
1021 .pure-u-xxxl-1-3,
1022 .pure-u-xxxl-8-24 {
1023 width: 33.3333%;
1024 }
1025
1026 .pure-u-xxxl-3-8,
1027 .pure-u-xxxl-9-24 {
1028 width: 37.5000%;
1029 }
1030
1031 .pure-u-xxxl-2-5 {
1032 width: 40%;
1033 }
1034
1035 .pure-u-xxxl-5-12,
1036 .pure-u-xxxl-10-24 {
1037 width: 41.6667%;
1038 }
1039
1040 .pure-u-xxxl-11-24 {
1041 width: 45.8333%;
1042 }
1043
1044 .pure-u-xxxl-1-2,
1045 .pure-u-xxxl-12-24 {
1046 width: 50%;
1047 }
1048
1049 .pure-u-xxxl-13-24 {
1050 width: 54.1667%;
1051 }
1052
1053 .pure-u-xxxl-7-12,
1054 .pure-u-xxxl-14-24 {
1055 width: 58.3333%;
1056 }
1057
1058 .pure-u-xxxl-3-5 {
1059 width: 60%;
1060 }
1061
1062 .pure-u-xxxl-5-8,
1063 .pure-u-xxxl-15-24 {
1064 width: 62.5000%;
1065 }
1066
1067 .pure-u-xxxl-2-3,
1068 .pure-u-xxxl-16-24 {
1069 width: 66.6667%;
1070 }
1071
1072 .pure-u-xxxl-17-24 {
1073 width: 70.8333%;
1074 }
1075
1076 .pure-u-xxxl-3-4,
1077 .pure-u-xxxl-18-24 {
1078 width: 75%;
1079 }
1080
1081 .pure-u-xxxl-19-24 {
1082 width: 79.1667%;
1083 }
1084
1085 .pure-u-xxxl-4-5 {
1086 width: 80%;
1087 }
1088
1089 .pure-u-xxxl-5-6,
1090 .pure-u-xxxl-20-24 {
1091 width: 83.3333%;
1092 }
1093
1094 .pure-u-xxxl-7-8,
1095 .pure-u-xxxl-21-24 {
1096 width: 87.5000%;
1097 }
1098
1099 .pure-u-xxxl-11-12,
1100 .pure-u-xxxl-22-24 {
1101 width: 91.6667%;
1102 }
1103
1104 .pure-u-xxxl-23-24 {
1105 width: 95.8333%;
1106 }
1107
1108 .pure-u-xxxl-1,
1109 .pure-u-xxxl-1-1,
1110 .pure-u-xxxl-5-5,
1111 .pure-u-xxxl-24-24 {
1112 width: 100%;
1113 }
1114 }
1115
1116 @media screen and (min-width: 240em) {
1117 .pure-u-x4k-1,
1118 .pure-u-x4k-1-1,
1119 .pure-u-x4k-1-2,
1120 .pure-u-x4k-1-3,
1121 .pure-u-x4k-2-3,
1122 .pure-u-x4k-1-4,
1123 .pure-u-x4k-3-4,
1124 .pure-u-x4k-1-5,
1125 .pure-u-x4k-2-5,
1126 .pure-u-x4k-3-5,
1127 .pure-u-x4k-4-5,
1128 .pure-u-x4k-5-5,
1129 .pure-u-x4k-1-6,
1130 .pure-u-x4k-5-6,
1131 .pure-u-x4k-1-8,
1132 .pure-u-x4k-3-8,
1133 .pure-u-x4k-5-8,
1134 .pure-u-x4k-7-8,
1135 .pure-u-x4k-1-12,
1136 .pure-u-x4k-5-12,
1137 .pure-u-x4k-7-12,
1138 .pure-u-x4k-11-12,
1139 .pure-u-x4k-1-24,
1140 .pure-u-x4k-2-24,
1141 .pure-u-x4k-3-24,
1142 .pure-u-x4k-4-24,
1143 .pure-u-x4k-5-24,
1144 .pure-u-x4k-6-24,
1145 .pure-u-x4k-7-24,
1146 .pure-u-x4k-8-24,
1147 .pure-u-x4k-9-24,
1148 .pure-u-x4k-10-24,
1149 .pure-u-x4k-11-24,
1150 .pure-u-x4k-12-24,
1151 .pure-u-x4k-13-24,
1152 .pure-u-x4k-14-24,
1153 .pure-u-x4k-15-24,
1154 .pure-u-x4k-16-24,
1155 .pure-u-x4k-17-24,
1156 .pure-u-x4k-18-24,
1157 .pure-u-x4k-19-24,
1158 .pure-u-x4k-20-24,
1159 .pure-u-x4k-21-24,
1160 .pure-u-x4k-22-24,
1161 .pure-u-x4k-23-24,
1162 .pure-u-x4k-24-24 {
1163 display: inline-block;
1164 letter-spacing: normal;
1165 word-spacing: normal;
1166 vertical-align: top;
1167 text-rendering: auto;
1168 }
1169
1170 .pure-u-x4k-1-24 {
1171 width: 4.1667%;
1172 }
1173
1174 .pure-u-x4k-1-12,
1175 .pure-u-x4k-2-24 {
1176 width: 8.3333%;
1177 }
1178
1179 .pure-u-x4k-1-8,
1180 .pure-u-x4k-3-24 {
1181 width: 12.5000%;
1182 }
1183
1184 .pure-u-x4k-1-6,
1185 .pure-u-x4k-4-24 {
1186 width: 16.6667%;
1187 }
1188
1189 .pure-u-x4k-1-5 {
1190 width: 20%;
1191 }
1192
1193 .pure-u-x4k-5-24 {
1194 width: 20.8333%;
1195 }
1196
1197 .pure-u-x4k-1-4,
1198 .pure-u-x4k-6-24 {
1199 width: 25%;
1200 }
1201
1202 .pure-u-x4k-7-24 {
1203 width: 29.1667%;
1204 }
1205
1206 .pure-u-x4k-1-3,
1207 .pure-u-x4k-8-24 {
1208 width: 33.3333%;
1209 }
1210
1211 .pure-u-x4k-3-8,
1212 .pure-u-x4k-9-24 {
1213 width: 37.5000%;
1214 }
1215
1216 .pure-u-x4k-2-5 {
1217 width: 40%;
1218 }
1219
1220 .pure-u-x4k-5-12,
1221 .pure-u-x4k-10-24 {
1222 width: 41.6667%;
1223 }
1224
1225 .pure-u-x4k-11-24 {
1226 width: 45.8333%;
1227 }
1228
1229 .pure-u-x4k-1-2,
1230 .pure-u-x4k-12-24 {
1231 width: 50%;
1232 }
1233
1234 .pure-u-x4k-13-24 {
1235 width: 54.1667%;
1236 }
1237
1238 .pure-u-x4k-7-12,
1239 .pure-u-x4k-14-24 {
1240 width: 58.3333%;
1241 }
1242
1243 .pure-u-x4k-3-5 {
1244 width: 60%;
1245 }
1246
1247 .pure-u-x4k-5-8,
1248 .pure-u-x4k-15-24 {
1249 width: 62.5000%;
1250 }
1251
1252 .pure-u-x4k-2-3,
1253 .pure-u-x4k-16-24 {
1254 width: 66.6667%;
1255 }
1256
1257 .pure-u-x4k-17-24 {
1258 width: 70.8333%;
1259 }
1260
1261 .pure-u-x4k-3-4,
1262 .pure-u-x4k-18-24 {
1263 width: 75%;
1264 }
1265
1266 .pure-u-x4k-19-24 {
1267 width: 79.1667%;
1268 }
1269
1270 .pure-u-x4k-4-5 {
1271 width: 80%;
1272 }
1273
1274 .pure-u-x4k-5-6,
1275 .pure-u-x4k-20-24 {
1276 width: 83.3333%;
1277 }
1278
1279 .pure-u-x4k-7-8,
1280 .pure-u-x4k-21-24 {
1281 width: 87.5000%;
1282 }
1283
1284 .pure-u-x4k-11-12,
1285 .pure-u-x4k-22-24 {
1286 width: 91.6667%;
1287 }
1288
1289 .pure-u-x4k-23-24 {
1290 width: 95.8333%;
1291 }
1292
1293 .pure-u-x4k-1,
1294 .pure-u-x4k-1-1,
1295 .pure-u-x4k-5-5,
1296 .pure-u-x4k-24-24 {
1297 width: 100%;
1298 }
1299 }