aboutsummaryrefslogtreecommitdiffhomepage
path: root/tpl/default/css/grids-responsive.css
diff options
context:
space:
mode:
authorArthurHoaro <arthur@hoa.ro>2017-01-14 15:52:17 +0100
committerArthurHoaro <arthur@hoa.ro>2017-02-27 20:01:54 +0100
commit402b03464812aaec76bc841ca7dacb775baf1e03 (patch)
tree5f5ce030a71ed1ac327f60911cb22f0ca87d21cd /tpl/default/css/grids-responsive.css
parent009ce9358168cc06c76fc2f4162829e552e633a3 (diff)
downloadShaarli-402b03464812aaec76bc841ca7dacb775baf1e03.tar.gz
Shaarli-402b03464812aaec76bc841ca7dacb775baf1e03.tar.zst
Shaarli-402b03464812aaec76bc841ca7dacb775baf1e03.zip
Introduce the new default Shaarli template
Diffstat (limited to 'tpl/default/css/grids-responsive.css')
-rw-r--r--tpl/default/css/grids-responsive.css861
1 files changed, 861 insertions, 0 deletions
diff --git a/tpl/default/css/grids-responsive.css b/tpl/default/css/grids-responsive.css
new file mode 100644
index 00000000..dc9f7718
--- /dev/null
+++ b/tpl/default/css/grids-responsive.css
@@ -0,0 +1,861 @@
1/*!
2Pure v0.6.0
3Copyright 2014 Yahoo! Inc. All rights reserved.
4Licensed under the BSD License.
5https://github.com/yahoo/pure/blob/master/LICENSE.md
6*/
7@media screen and (min-width: 35.5em) {
8 .pure-u-sm-1,
9 .pure-u-sm-1-1,
10 .pure-u-sm-1-2,
11 .pure-u-sm-1-3,
12 .pure-u-sm-2-3,
13 .pure-u-sm-1-4,
14 .pure-u-sm-3-4,
15 .pure-u-sm-1-5,
16 .pure-u-sm-2-5,
17 .pure-u-sm-3-5,
18 .pure-u-sm-4-5,
19 .pure-u-sm-5-5,
20 .pure-u-sm-1-6,
21 .pure-u-sm-5-6,
22 .pure-u-sm-1-8,
23 .pure-u-sm-3-8,
24 .pure-u-sm-5-8,
25 .pure-u-sm-7-8,
26 .pure-u-sm-1-12,
27 .pure-u-sm-5-12,
28 .pure-u-sm-7-12,
29 .pure-u-sm-11-12,
30 .pure-u-sm-1-24,
31 .pure-u-sm-2-24,
32 .pure-u-sm-3-24,
33 .pure-u-sm-4-24,
34 .pure-u-sm-5-24,
35 .pure-u-sm-6-24,
36 .pure-u-sm-7-24,
37 .pure-u-sm-8-24,
38 .pure-u-sm-9-24,
39 .pure-u-sm-10-24,
40 .pure-u-sm-11-24,
41 .pure-u-sm-12-24,
42 .pure-u-sm-13-24,
43 .pure-u-sm-14-24,
44 .pure-u-sm-15-24,
45 .pure-u-sm-16-24,
46 .pure-u-sm-17-24,
47 .pure-u-sm-18-24,
48 .pure-u-sm-19-24,
49 .pure-u-sm-20-24,
50 .pure-u-sm-21-24,
51 .pure-u-sm-22-24,
52 .pure-u-sm-23-24,
53 .pure-u-sm-24-24 {
54 display: inline-block;
55 *display: inline;
56 zoom: 1;
57 letter-spacing: normal;
58 word-spacing: normal;
59 vertical-align: top;
60 text-rendering: auto;
61 }
62
63 .pure-u-sm-1-24 {
64 width: 4.1667%;
65 *width: 4.1357%;
66 }
67
68 .pure-u-sm-1-12,
69 .pure-u-sm-2-24 {
70 width: 8.3333%;
71 *width: 8.3023%;
72 }
73
74 .pure-u-sm-1-8,
75 .pure-u-sm-3-24 {
76 width: 12.5000%;
77 *width: 12.4690%;
78 }
79
80 .pure-u-sm-1-6,
81 .pure-u-sm-4-24 {
82 width: 16.6667%;
83 *width: 16.6357%;
84 }
85
86 .pure-u-sm-1-5 {
87 width: 20%;
88 *width: 19.9690%;
89 }
90
91 .pure-u-sm-5-24 {
92 width: 20.8333%;
93 *width: 20.8023%;
94 }
95
96 .pure-u-sm-1-4,
97 .pure-u-sm-6-24 {
98 width: 25%;
99 *width: 24.9690%;
100 }
101
102 .pure-u-sm-7-24 {
103 width: 29.1667%;
104 *width: 29.1357%;
105 }
106
107 .pure-u-sm-1-3,
108 .pure-u-sm-8-24 {
109 width: 33.3333%;
110 *width: 33.3023%;
111 }
112
113 .pure-u-sm-3-8,
114 .pure-u-sm-9-24 {
115 width: 37.5000%;
116 *width: 37.4690%;
117 }
118
119 .pure-u-sm-2-5 {
120 width: 40%;
121 *width: 39.9690%;
122 }
123
124 .pure-u-sm-5-12,
125 .pure-u-sm-10-24 {
126 width: 41.6667%;
127 *width: 41.6357%;
128 }
129
130 .pure-u-sm-11-24 {
131 width: 45.8333%;
132 *width: 45.8023%;
133 }
134
135 .pure-u-sm-1-2,
136 .pure-u-sm-12-24 {
137 width: 50%;
138 *width: 49.9690%;
139 }
140
141 .pure-u-sm-13-24 {
142 width: 54.1667%;
143 *width: 54.1357%;
144 }
145
146 .pure-u-sm-7-12,
147 .pure-u-sm-14-24 {
148 width: 58.3333%;
149 *width: 58.3023%;
150 }
151
152 .pure-u-sm-3-5 {
153 width: 60%;
154 *width: 59.9690%;
155 }
156
157 .pure-u-sm-5-8,
158 .pure-u-sm-15-24 {
159 width: 62.5000%;
160 *width: 62.4690%;
161 }
162
163 .pure-u-sm-2-3,
164 .pure-u-sm-16-24 {
165 width: 66.6667%;
166 *width: 66.6357%;
167 }
168
169 .pure-u-sm-17-24 {
170 width: 70.8333%;
171 *width: 70.8023%;
172 }
173
174 .pure-u-sm-3-4,
175 .pure-u-sm-18-24 {
176 width: 75%;
177 *width: 74.9690%;
178 }
179
180 .pure-u-sm-19-24 {
181 width: 79.1667%;
182 *width: 79.1357%;
183 }
184
185 .pure-u-sm-4-5 {
186 width: 80%;
187 *width: 79.9690%;
188 }
189
190 .pure-u-sm-5-6,
191 .pure-u-sm-20-24 {
192 width: 83.3333%;
193 *width: 83.3023%;
194 }
195
196 .pure-u-sm-7-8,
197 .pure-u-sm-21-24 {
198 width: 87.5000%;
199 *width: 87.4690%;
200 }
201
202 .pure-u-sm-11-12,
203 .pure-u-sm-22-24 {
204 width: 91.6667%;
205 *width: 91.6357%;
206 }
207
208 .pure-u-sm-23-24 {
209 width: 95.8333%;
210 *width: 95.8023%;
211 }
212
213 .pure-u-sm-1,
214 .pure-u-sm-1-1,
215 .pure-u-sm-5-5,
216 .pure-u-sm-24-24 {
217 width: 100%;
218 }
219}
220
221@media screen and (min-width: 48em) {
222 .pure-u-md-1,
223 .pure-u-md-1-1,
224 .pure-u-md-1-2,
225 .pure-u-md-1-3,
226 .pure-u-md-2-3,
227 .pure-u-md-1-4,
228 .pure-u-md-3-4,
229 .pure-u-md-1-5,
230 .pure-u-md-2-5,
231 .pure-u-md-3-5,
232 .pure-u-md-4-5,
233 .pure-u-md-5-5,
234 .pure-u-md-1-6,
235 .pure-u-md-5-6,
236 .pure-u-md-1-8,
237 .pure-u-md-3-8,
238 .pure-u-md-5-8,
239 .pure-u-md-7-8,
240 .pure-u-md-1-12,
241 .pure-u-md-5-12,
242 .pure-u-md-7-12,
243 .pure-u-md-11-12,
244 .pure-u-md-1-24,
245 .pure-u-md-2-24,
246 .pure-u-md-3-24,
247 .pure-u-md-4-24,
248 .pure-u-md-5-24,
249 .pure-u-md-6-24,
250 .pure-u-md-7-24,
251 .pure-u-md-8-24,
252 .pure-u-md-9-24,
253 .pure-u-md-10-24,
254 .pure-u-md-11-24,
255 .pure-u-md-12-24,
256 .pure-u-md-13-24,
257 .pure-u-md-14-24,
258 .pure-u-md-15-24,
259 .pure-u-md-16-24,
260 .pure-u-md-17-24,
261 .pure-u-md-18-24,
262 .pure-u-md-19-24,
263 .pure-u-md-20-24,
264 .pure-u-md-21-24,
265 .pure-u-md-22-24,
266 .pure-u-md-23-24,
267 .pure-u-md-24-24 {
268 display: inline-block;
269 *display: inline;
270 zoom: 1;
271 letter-spacing: normal;
272 word-spacing: normal;
273 vertical-align: top;
274 text-rendering: auto;
275 }
276
277 .pure-u-md-1-24 {
278 width: 4.1667%;
279 *width: 4.1357%;
280 }
281
282 .pure-u-md-1-12,
283 .pure-u-md-2-24 {
284 width: 8.3333%;
285 *width: 8.3023%;
286 }
287
288 .pure-u-md-1-8,
289 .pure-u-md-3-24 {
290 width: 12.5000%;
291 *width: 12.4690%;
292 }
293
294 .pure-u-md-1-6,
295 .pure-u-md-4-24 {
296 width: 16.6667%;
297 *width: 16.6357%;
298 }
299
300 .pure-u-md-1-5 {
301 width: 20%;
302 *width: 19.9690%;
303 }
304
305 .pure-u-md-5-24 {
306 width: 20.8333%;
307 *width: 20.8023%;
308 }
309
310 .pure-u-md-1-4,
311 .pure-u-md-6-24 {
312 width: 25%;
313 *width: 24.9690%;
314 }
315
316 .pure-u-md-7-24 {
317 width: 29.1667%;
318 *width: 29.1357%;
319 }
320
321 .pure-u-md-1-3,
322 .pure-u-md-8-24 {
323 width: 33.3333%;
324 *width: 33.3023%;
325 }
326
327 .pure-u-md-3-8,
328 .pure-u-md-9-24 {
329 width: 37.5000%;
330 *width: 37.4690%;
331 }
332
333 .pure-u-md-2-5 {
334 width: 40%;
335 *width: 39.9690%;
336 }
337
338 .pure-u-md-5-12,
339 .pure-u-md-10-24 {
340 width: 41.6667%;
341 *width: 41.6357%;
342 }
343
344 .pure-u-md-11-24 {
345 width: 45.8333%;
346 *width: 45.8023%;
347 }
348
349 .pure-u-md-1-2,
350 .pure-u-md-12-24 {
351 width: 50%;
352 *width: 49.9690%;
353 }
354
355 .pure-u-md-13-24 {
356 width: 54.1667%;
357 *width: 54.1357%;
358 }
359
360 .pure-u-md-7-12,
361 .pure-u-md-14-24 {
362 width: 58.3333%;
363 *width: 58.3023%;
364 }
365
366 .pure-u-md-3-5 {
367 width: 60%;
368 *width: 59.9690%;
369 }
370
371 .pure-u-md-5-8,
372 .pure-u-md-15-24 {
373 width: 62.5000%;
374 *width: 62.4690%;
375 }
376
377 .pure-u-md-2-3,
378 .pure-u-md-16-24 {
379 width: 66.6667%;
380 *width: 66.6357%;
381 }
382
383 .pure-u-md-17-24 {
384 width: 70.8333%;
385 *width: 70.8023%;
386 }
387
388 .pure-u-md-3-4,
389 .pure-u-md-18-24 {
390 width: 75%;
391 *width: 74.9690%;
392 }
393
394 .pure-u-md-19-24 {
395 width: 79.1667%;
396 *width: 79.1357%;
397 }
398
399 .pure-u-md-4-5 {
400 width: 80%;
401 *width: 79.9690%;
402 }
403
404 .pure-u-md-5-6,
405 .pure-u-md-20-24 {
406 width: 83.3333%;
407 *width: 83.3023%;
408 }
409
410 .pure-u-md-7-8,
411 .pure-u-md-21-24 {
412 width: 87.5000%;
413 *width: 87.4690%;
414 }
415
416 .pure-u-md-11-12,
417 .pure-u-md-22-24 {
418 width: 91.6667%;
419 *width: 91.6357%;
420 }
421
422 .pure-u-md-23-24 {
423 width: 95.8333%;
424 *width: 95.8023%;
425 }
426
427 .pure-u-md-1,
428 .pure-u-md-1-1,
429 .pure-u-md-5-5,
430 .pure-u-md-24-24 {
431 width: 100%;
432 }
433}
434
435@media screen and (min-width: 64em) {
436 .pure-u-lg-1,
437 .pure-u-lg-1-1,
438 .pure-u-lg-1-2,
439 .pure-u-lg-1-3,
440 .pure-u-lg-2-3,
441 .pure-u-lg-1-4,
442 .pure-u-lg-3-4,
443 .pure-u-lg-1-5,
444 .pure-u-lg-2-5,
445 .pure-u-lg-3-5,
446 .pure-u-lg-4-5,
447 .pure-u-lg-5-5,
448 .pure-u-lg-1-6,
449 .pure-u-lg-5-6,
450 .pure-u-lg-1-8,
451 .pure-u-lg-3-8,
452 .pure-u-lg-5-8,
453 .pure-u-lg-7-8,
454 .pure-u-lg-1-12,
455 .pure-u-lg-5-12,
456 .pure-u-lg-7-12,
457 .pure-u-lg-11-12,
458 .pure-u-lg-1-24,
459 .pure-u-lg-2-24,
460 .pure-u-lg-3-24,
461 .pure-u-lg-4-24,
462 .pure-u-lg-5-24,
463 .pure-u-lg-6-24,
464 .pure-u-lg-7-24,
465 .pure-u-lg-8-24,
466 .pure-u-lg-9-24,
467 .pure-u-lg-10-24,
468 .pure-u-lg-11-24,
469 .pure-u-lg-12-24,
470 .pure-u-lg-13-24,
471 .pure-u-lg-14-24,
472 .pure-u-lg-15-24,
473 .pure-u-lg-16-24,
474 .pure-u-lg-17-24,
475 .pure-u-lg-18-24,
476 .pure-u-lg-19-24,
477 .pure-u-lg-20-24,
478 .pure-u-lg-21-24,
479 .pure-u-lg-22-24,
480 .pure-u-lg-23-24,
481 .pure-u-lg-24-24 {
482 display: inline-block;
483 *display: inline;
484 zoom: 1;
485 letter-spacing: normal;
486 word-spacing: normal;
487 vertical-align: top;
488 text-rendering: auto;
489 }
490
491 .pure-u-lg-1-24 {
492 width: 4.1667%;
493 *width: 4.1357%;
494 }
495
496 .pure-u-lg-1-12,
497 .pure-u-lg-2-24 {
498 width: 8.3333%;
499 *width: 8.3023%;
500 }
501
502 .pure-u-lg-1-8,
503 .pure-u-lg-3-24 {
504 width: 12.5000%;
505 *width: 12.4690%;
506 }
507
508 .pure-u-lg-1-6,
509 .pure-u-lg-4-24 {
510 width: 16.6667%;
511 *width: 16.6357%;
512 }
513
514 .pure-u-lg-1-5 {
515 width: 20%;
516 *width: 19.9690%;
517 }
518
519 .pure-u-lg-5-24 {
520 width: 20.8333%;
521 *width: 20.8023%;
522 }
523
524 .pure-u-lg-1-4,
525 .pure-u-lg-6-24 {
526 width: 25%;
527 *width: 24.9690%;
528 }
529
530 .pure-u-lg-7-24 {
531 width: 29.1667%;
532 *width: 29.1357%;
533 }
534
535 .pure-u-lg-1-3,
536 .pure-u-lg-8-24 {
537 width: 33.3333%;
538 *width: 33.3023%;
539 }
540
541 .pure-u-lg-3-8,
542 .pure-u-lg-9-24 {
543 width: 37.5000%;
544 *width: 37.4690%;
545 }
546
547 .pure-u-lg-2-5 {
548 width: 40%;
549 *width: 39.9690%;
550 }
551
552 .pure-u-lg-5-12,
553 .pure-u-lg-10-24 {
554 width: 41.6667%;
555 *width: 41.6357%;
556 }
557
558 .pure-u-lg-11-24 {
559 width: 45.8333%;
560 *width: 45.8023%;
561 }
562
563 .pure-u-lg-1-2,
564 .pure-u-lg-12-24 {
565 width: 50%;
566 *width: 49.9690%;
567 }
568
569 .pure-u-lg-13-24 {
570 width: 54.1667%;
571 *width: 54.1357%;
572 }
573
574 .pure-u-lg-7-12,
575 .pure-u-lg-14-24 {
576 width: 58.3333%;
577 *width: 58.3023%;
578 }
579
580 .pure-u-lg-3-5 {
581 width: 60%;
582 *width: 59.9690%;
583 }
584
585 .pure-u-lg-5-8,
586 .pure-u-lg-15-24 {
587 width: 62.5000%;
588 *width: 62.4690%;
589 }
590
591 .pure-u-lg-2-3,
592 .pure-u-lg-16-24 {
593 width: 66.6667%;
594 *width: 66.6357%;
595 }
596
597 .pure-u-lg-17-24 {
598 width: 70.8333%;
599 *width: 70.8023%;
600 }
601
602 .pure-u-lg-3-4,
603 .pure-u-lg-18-24 {
604 width: 75%;
605 *width: 74.9690%;
606 }
607
608 .pure-u-lg-19-24 {
609 width: 79.1667%;
610 *width: 79.1357%;
611 }
612
613 .pure-u-lg-4-5 {
614 width: 80%;
615 *width: 79.9690%;
616 }
617
618 .pure-u-lg-5-6,
619 .pure-u-lg-20-24 {
620 width: 83.3333%;
621 *width: 83.3023%;
622 }
623
624 .pure-u-lg-7-8,
625 .pure-u-lg-21-24 {
626 width: 87.5000%;
627 *width: 87.4690%;
628 }
629
630 .pure-u-lg-11-12,
631 .pure-u-lg-22-24 {
632 width: 91.6667%;
633 *width: 91.6357%;
634 }
635
636 .pure-u-lg-23-24 {
637 width: 95.8333%;
638 *width: 95.8023%;
639 }
640
641 .pure-u-lg-1,
642 .pure-u-lg-1-1,
643 .pure-u-lg-5-5,
644 .pure-u-lg-24-24 {
645 width: 100%;
646 }
647}
648
649@media screen and (min-width: 80em) {
650 .pure-u-xl-1,
651 .pure-u-xl-1-1,
652 .pure-u-xl-1-2,
653 .pure-u-xl-1-3,
654 .pure-u-xl-2-3,
655 .pure-u-xl-1-4,
656 .pure-u-xl-3-4,
657 .pure-u-xl-1-5,
658 .pure-u-xl-2-5,
659 .pure-u-xl-3-5,
660 .pure-u-xl-4-5,
661 .pure-u-xl-5-5,
662 .pure-u-xl-1-6,
663 .pure-u-xl-5-6,
664 .pure-u-xl-1-8,
665 .pure-u-xl-3-8,
666 .pure-u-xl-5-8,
667 .pure-u-xl-7-8,
668 .pure-u-xl-1-12,
669 .pure-u-xl-5-12,
670 .pure-u-xl-7-12,
671 .pure-u-xl-11-12,
672 .pure-u-xl-1-24,
673 .pure-u-xl-2-24,
674 .pure-u-xl-3-24,
675 .pure-u-xl-4-24,
676 .pure-u-xl-5-24,
677 .pure-u-xl-6-24,
678 .pure-u-xl-7-24,
679 .pure-u-xl-8-24,
680 .pure-u-xl-9-24,
681 .pure-u-xl-10-24,
682 .pure-u-xl-11-24,
683 .pure-u-xl-12-24,
684 .pure-u-xl-13-24,
685 .pure-u-xl-14-24,
686 .pure-u-xl-15-24,
687 .pure-u-xl-16-24,
688 .pure-u-xl-17-24,
689 .pure-u-xl-18-24,
690 .pure-u-xl-19-24,
691 .pure-u-xl-20-24,
692 .pure-u-xl-21-24,
693 .pure-u-xl-22-24,
694 .pure-u-xl-23-24,
695 .pure-u-xl-24-24 {
696 display: inline-block;
697 *display: inline;
698 zoom: 1;
699 letter-spacing: normal;
700 word-spacing: normal;
701 vertical-align: top;
702 text-rendering: auto;
703 }
704
705 .pure-u-xl-1-24 {
706 width: 4.1667%;
707 *width: 4.1357%;
708 }
709
710 .pure-u-xl-1-12,
711 .pure-u-xl-2-24 {
712 width: 8.3333%;
713 *width: 8.3023%;
714 }
715
716 .pure-u-xl-1-8,
717 .pure-u-xl-3-24 {
718 width: 12.5000%;
719 *width: 12.4690%;
720 }
721
722 .pure-u-xl-1-6,
723 .pure-u-xl-4-24 {
724 width: 16.6667%;
725 *width: 16.6357%;
726 }
727
728 .pure-u-xl-1-5 {
729 width: 20%;
730 *width: 19.9690%;
731 }
732
733 .pure-u-xl-5-24 {
734 width: 20.8333%;
735 *width: 20.8023%;
736 }
737
738 .pure-u-xl-1-4,
739 .pure-u-xl-6-24 {
740 width: 25%;
741 *width: 24.9690%;
742 }
743
744 .pure-u-xl-7-24 {
745 width: 29.1667%;
746 *width: 29.1357%;
747 }
748
749 .pure-u-xl-1-3,
750 .pure-u-xl-8-24 {
751 width: 33.3333%;
752 *width: 33.3023%;
753 }
754
755 .pure-u-xl-3-8,
756 .pure-u-xl-9-24 {
757 width: 37.5000%;
758 *width: 37.4690%;
759 }
760
761 .pure-u-xl-2-5 {
762 width: 40%;
763 *width: 39.9690%;
764 }
765
766 .pure-u-xl-5-12,
767 .pure-u-xl-10-24 {
768 width: 41.6667%;
769 *width: 41.6357%;
770 }
771
772 .pure-u-xl-11-24 {
773 width: 45.8333%;
774 *width: 45.8023%;
775 }
776
777 .pure-u-xl-1-2,
778 .pure-u-xl-12-24 {
779 width: 50%;
780 *width: 49.9690%;
781 }
782
783 .pure-u-xl-13-24 {
784 width: 54.1667%;
785 *width: 54.1357%;
786 }
787
788 .pure-u-xl-7-12,
789 .pure-u-xl-14-24 {
790 width: 58.3333%;
791 *width: 58.3023%;
792 }
793
794 .pure-u-xl-3-5 {
795 width: 60%;
796 *width: 59.9690%;
797 }
798
799 .pure-u-xl-5-8,
800 .pure-u-xl-15-24 {
801 width: 62.5000%;
802 *width: 62.4690%;
803 }
804
805 .pure-u-xl-2-3,
806 .pure-u-xl-16-24 {
807 width: 66.6667%;
808 *width: 66.6357%;
809 }
810
811 .pure-u-xl-17-24 {
812 width: 70.8333%;
813 *width: 70.8023%;
814 }
815
816 .pure-u-xl-3-4,
817 .pure-u-xl-18-24 {
818 width: 75%;
819 *width: 74.9690%;
820 }
821
822 .pure-u-xl-19-24 {
823 width: 79.1667%;
824 *width: 79.1357%;
825 }
826
827 .pure-u-xl-4-5 {
828 width: 80%;
829 *width: 79.9690%;
830 }
831
832 .pure-u-xl-5-6,
833 .pure-u-xl-20-24 {
834 width: 83.3333%;
835 *width: 83.3023%;
836 }
837
838 .pure-u-xl-7-8,
839 .pure-u-xl-21-24 {
840 width: 87.5000%;
841 *width: 87.4690%;
842 }
843
844 .pure-u-xl-11-12,
845 .pure-u-xl-22-24 {
846 width: 91.6667%;
847 *width: 91.6357%;
848 }
849
850 .pure-u-xl-23-24 {
851 width: 95.8333%;
852 *width: 95.8023%;
853 }
854
855 .pure-u-xl-1,
856 .pure-u-xl-1-1,
857 .pure-u-xl-5-5,
858 .pure-u-xl-24-24 {
859 width: 100%;
860 }
861} \ No newline at end of file