e11sync

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | LICENSE

grids-responsive.css (21546B) - Raw

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