API tools faq
paste
Advertisement
Guest User

Zurb Foundation Grid CSS

a guest
Feb 24th, 2017
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 19.31 KB | None | 0 0
raw download clone embed print report
  1. @charset "UTF-8";
  2. /**
  3.  * Foundation for Sites by ZURB
  4.  * Version 6.3.0
  5.  * foundation.zurb.com
  6.  * Licensed under MIT Open Source
  7.  */
  8. /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
  9. /* Document
  10.        ========================================================================== */
  11. /**
  12.      * 1. Change the default font family in all browsers (opinionated).
  13.      * 2. Correct the line height in all browsers.
  14.      * 3. Prevent adjustments of font size after orientation changes in
  15.      *    IE on Windows Phone and in iOS.
  16.      */
  17. html {
  18.   font-family: sans-serif;
  19.   /* 1 */
  20.   line-height: 1.15;
  21.   /* 2 */
  22.   -ms-text-size-adjust: 100%;
  23.   /* 3 */
  24.   -webkit-text-size-adjust: 100%;
  25.   /* 3 */ }
  26.  
  27. /* Sections
  28.        ========================================================================== */
  29. /**
  30.      * Remove the margin in all browsers (opinionated).
  31.      */
  32. body {
  33.   margin: 0; }
  34.  
  35. /**
  36.      * Add the correct display in IE 9-.
  37.      */
  38. article,
  39. aside,
  40. footer,
  41. header,
  42. nav,
  43. section {
  44.   display: block; }
  45.  
  46. .row {
  47.   max-width: 62.5rem;
  48.   margin-right: auto;
  49.   margin-left: auto;
  50.   display: -ms-flexbox;
  51.   display: flex;
  52.   -ms-flex-flow: row wrap;
  53.       flex-flow: row wrap; }
  54.   .row .row {
  55.     margin-right: -0.9375rem;
  56.     margin-left: -0.9375rem; }
  57.     @media print, screen and (min-width: 40em) {
  58.       .row .row {
  59.         margin-right: -0.9375rem;
  60.         margin-left: -0.9375rem; } }
  61.     @media print, screen and (min-width: 64em) {
  62.       .row .row {
  63.         margin-right: -0.9375rem;
  64.         margin-left: -0.9375rem; } }
  65.   .row.expanded {
  66.     max-width: none; }
  67.   .row.collapse > .column, .row.collapse > .columns {
  68.     padding-right: 0;
  69.     padding-left: 0; }
  70.   .row.is-collapse-child,
  71.   .row.collapse > .column > .row,
  72.   .row.collapse > .columns > .row {
  73.     margin-right: 0;
  74.     margin-left: 0; }
  75.  
  76. .column, .columns {
  77.   -ms-flex: 1 1 0px;
  78.       flex: 1 1 0px;
  79.   padding-right: 0.9375rem;
  80.   padding-left: 0.9375rem;
  81.   min-width: initial; }
  82.  
  83. .column.row.row, .row.row.columns {
  84.   display: -ms-flexbox;
  85.   display: flex; }
  86.  
  87. .row .column.row.row, .row .row.row.columns {
  88.   margin-right: 0;
  89.   margin-left: 0;
  90.   padding-right: 0;
  91.   padding-left: 0; }
  92.  
  93. .flex-container {
  94.   display: -ms-flexbox;
  95.   display: flex; }
  96.  
  97. .flex-child-auto {
  98.   -ms-flex: 1 1 auto;
  99.       flex: 1 1 auto; }
  100.  
  101. .flex-child-grow {
  102.   -ms-flex: 1 0 auto;
  103.       flex: 1 0 auto; }
  104.  
  105. .flex-child-shrink {
  106.   -ms-flex: 0 1 auto;
  107.       flex: 0 1 auto; }
  108.  
  109. .flex-dir-row {
  110.   -ms-flex-direction: row;
  111.       flex-direction: row; }
  112.  
  113. .flex-dir-row-reverse {
  114.   -ms-flex-direction: row-reverse;
  115.       flex-direction: row-reverse; }
  116.  
  117. .flex-dir-column {
  118.   -ms-flex-direction: column;
  119.       flex-direction: column; }
  120.  
  121. .flex-dir-column-reverse {
  122.   -ms-flex-direction: column-reverse;
  123.       flex-direction: column-reverse; }
  124.  
  125. .small-1 {
  126.   -ms-flex: 0 0 8.33333%;
  127.       flex: 0 0 8.33333%;
  128.   max-width: 8.33333%; }
  129.  
  130. .small-offset-0 {
  131.   margin-left: 0%; }
  132.  
  133. .small-2 {
  134.   -ms-flex: 0 0 16.66667%;
  135.       flex: 0 0 16.66667%;
  136.   max-width: 16.66667%; }
  137.  
  138. .small-offset-1 {
  139.   margin-left: 8.33333%; }
  140.  
  141. .small-3 {
  142.   -ms-flex: 0 0 25%;
  143.       flex: 0 0 25%;
  144.   max-width: 25%; }
  145.  
  146. .small-offset-2 {
  147.   margin-left: 16.66667%; }
  148.  
  149. .small-4 {
  150.   -ms-flex: 0 0 33.33333%;
  151.       flex: 0 0 33.33333%;
  152.   max-width: 33.33333%; }
  153.  
  154. .small-offset-3 {
  155.   margin-left: 25%; }
  156.  
  157. .small-5 {
  158.   -ms-flex: 0 0 41.66667%;
  159.       flex: 0 0 41.66667%;
  160.   max-width: 41.66667%; }
  161.  
  162. .small-offset-4 {
  163.   margin-left: 33.33333%; }
  164.  
  165. .small-6 {
  166.   -ms-flex: 0 0 50%;
  167.       flex: 0 0 50%;
  168.   max-width: 50%; }
  169.  
  170. .small-offset-5 {
  171.   margin-left: 41.66667%; }
  172.  
  173. .small-7 {
  174.   -ms-flex: 0 0 58.33333%;
  175.       flex: 0 0 58.33333%;
  176.   max-width: 58.33333%; }
  177.  
  178. .small-offset-6 {
  179.   margin-left: 50%; }
  180.  
  181. .small-8 {
  182.   -ms-flex: 0 0 66.66667%;
  183.       flex: 0 0 66.66667%;
  184.   max-width: 66.66667%; }
  185.  
  186. .small-offset-7 {
  187.   margin-left: 58.33333%; }
  188.  
  189. .small-9 {
  190.   -ms-flex: 0 0 75%;
  191.       flex: 0 0 75%;
  192.   max-width: 75%; }
  193.  
  194. .small-offset-8 {
  195.   margin-left: 66.66667%; }
  196.  
  197. .small-10 {
  198.   -ms-flex: 0 0 83.33333%;
  199.       flex: 0 0 83.33333%;
  200.   max-width: 83.33333%; }
  201.  
  202. .small-offset-9 {
  203.   margin-left: 75%; }
  204.  
  205. .small-11 {
  206.   -ms-flex: 0 0 91.66667%;
  207.       flex: 0 0 91.66667%;
  208.   max-width: 91.66667%; }
  209.  
  210. .small-offset-10 {
  211.   margin-left: 83.33333%; }
  212.  
  213. .small-12 {
  214.   -ms-flex: 0 0 100%;
  215.       flex: 0 0 100%;
  216.   max-width: 100%; }
  217.  
  218. .small-offset-11 {
  219.   margin-left: 91.66667%; }
  220.  
  221. .small-order-1 {
  222.   -ms-flex-order: 1;
  223.       order: 1; }
  224.  
  225. .small-order-2 {
  226.   -ms-flex-order: 2;
  227.       order: 2; }
  228.  
  229. .small-order-3 {
  230.   -ms-flex-order: 3;
  231.       order: 3; }
  232.  
  233. .small-order-4 {
  234.   -ms-flex-order: 4;
  235.       order: 4; }
  236.  
  237. .small-order-5 {
  238.   -ms-flex-order: 5;
  239.       order: 5; }
  240.  
  241. .small-order-6 {
  242.   -ms-flex-order: 6;
  243.       order: 6; }
  244.  
  245. .small-up-1 {
  246.   -ms-flex-wrap: wrap;
  247.       flex-wrap: wrap; }
  248.   .small-up-1 > .column, .small-up-1 > .columns {
  249.     -ms-flex: 0 0 100%;
  250.         flex: 0 0 100%;
  251.     max-width: 100%; }
  252.  
  253. .small-up-2 {
  254.   -ms-flex-wrap: wrap;
  255.       flex-wrap: wrap; }
  256.   .small-up-2 > .column, .small-up-2 > .columns {
  257.     -ms-flex: 0 0 50%;
  258.         flex: 0 0 50%;
  259.     max-width: 50%; }
  260.  
  261. .small-up-3 {
  262.   -ms-flex-wrap: wrap;
  263.       flex-wrap: wrap; }
  264.   .small-up-3 > .column, .small-up-3 > .columns {
  265.     -ms-flex: 0 0 33.33333%;
  266.         flex: 0 0 33.33333%;
  267.     max-width: 33.33333%; }
  268.  
  269. .small-up-4 {
  270.   -ms-flex-wrap: wrap;
  271.       flex-wrap: wrap; }
  272.   .small-up-4 > .column, .small-up-4 > .columns {
  273.     -ms-flex: 0 0 25%;
  274.         flex: 0 0 25%;
  275.     max-width: 25%; }
  276.  
  277. .small-up-5 {
  278.   -ms-flex-wrap: wrap;
  279.       flex-wrap: wrap; }
  280.   .small-up-5 > .column, .small-up-5 > .columns {
  281.     -ms-flex: 0 0 20%;
  282.         flex: 0 0 20%;
  283.     max-width: 20%; }
  284.  
  285. .small-up-6 {
  286.   -ms-flex-wrap: wrap;
  287.       flex-wrap: wrap; }
  288.   .small-up-6 > .column, .small-up-6 > .columns {
  289.     -ms-flex: 0 0 16.66667%;
  290.         flex: 0 0 16.66667%;
  291.     max-width: 16.66667%; }
  292.  
  293. .small-up-7 {
  294.   -ms-flex-wrap: wrap;
  295.       flex-wrap: wrap; }
  296.   .small-up-7 > .column, .small-up-7 > .columns {
  297.     -ms-flex: 0 0 14.28571%;
  298.         flex: 0 0 14.28571%;
  299.     max-width: 14.28571%; }
  300.  
  301. .small-up-8 {
  302.   -ms-flex-wrap: wrap;
  303.       flex-wrap: wrap; }
  304.   .small-up-8 > .column, .small-up-8 > .columns {
  305.     -ms-flex: 0 0 12.5%;
  306.         flex: 0 0 12.5%;
  307.     max-width: 12.5%; }
  308.  
  309. .small-collapse > .column, .small-collapse > .columns {
  310.   padding-right: 0;
  311.   padding-left: 0; }
  312.  
  313. .small-uncollapse > .column, .small-uncollapse > .columns {
  314.   padding-right: 0.9375rem;
  315.   padding-left: 0.9375rem; }
  316.  
  317. @media print, screen and (min-width: 40em) {
  318.   .medium-1 {
  319.     -ms-flex: 0 0 8.33333%;
  320.         flex: 0 0 8.33333%;
  321.     max-width: 8.33333%; }
  322.   .medium-offset-0 {
  323.     margin-left: 0%; }
  324.   .medium-2 {
  325.     -ms-flex: 0 0 16.66667%;
  326.         flex: 0 0 16.66667%;
  327.     max-width: 16.66667%; }
  328.   .medium-offset-1 {
  329.     margin-left: 8.33333%; }
  330.   .medium-3 {
  331.     -ms-flex: 0 0 25%;
  332.         flex: 0 0 25%;
  333.     max-width: 25%; }
  334.   .medium-offset-2 {
  335.     margin-left: 16.66667%; }
  336.   .medium-4 {
  337.     -ms-flex: 0 0 33.33333%;
  338.         flex: 0 0 33.33333%;
  339.     max-width: 33.33333%; }
  340.   .medium-offset-3 {
  341.     margin-left: 25%; }
  342.   .medium-5 {
  343.     -ms-flex: 0 0 41.66667%;
  344.         flex: 0 0 41.66667%;
  345.     max-width: 41.66667%; }
  346.   .medium-offset-4 {
  347.     margin-left: 33.33333%; }
  348.   .medium-6 {
  349.     -ms-flex: 0 0 50%;
  350.         flex: 0 0 50%;
  351.     max-width: 50%; }
  352.   .medium-offset-5 {
  353.     margin-left: 41.66667%; }
  354.   .medium-7 {
  355.     -ms-flex: 0 0 58.33333%;
  356.         flex: 0 0 58.33333%;
  357.     max-width: 58.33333%; }
  358.   .medium-offset-6 {
  359.     margin-left: 50%; }
  360.   .medium-8 {
  361.     -ms-flex: 0 0 66.66667%;
  362.         flex: 0 0 66.66667%;
  363.     max-width: 66.66667%; }
  364.   .medium-offset-7 {
  365.     margin-left: 58.33333%; }
  366.   .medium-9 {
  367.     -ms-flex: 0 0 75%;
  368.         flex: 0 0 75%;
  369.     max-width: 75%; }
  370.   .medium-offset-8 {
  371.     margin-left: 66.66667%; }
  372.   .medium-10 {
  373.     -ms-flex: 0 0 83.33333%;
  374.         flex: 0 0 83.33333%;
  375.     max-width: 83.33333%; }
  376.   .medium-offset-9 {
  377.     margin-left: 75%; }
  378.   .medium-11 {
  379.     -ms-flex: 0 0 91.66667%;
  380.         flex: 0 0 91.66667%;
  381.     max-width: 91.66667%; }
  382.   .medium-offset-10 {
  383.     margin-left: 83.33333%; }
  384.   .medium-12 {
  385.     -ms-flex: 0 0 100%;
  386.         flex: 0 0 100%;
  387.     max-width: 100%; }
  388.   .medium-offset-11 {
  389.     margin-left: 91.66667%; }
  390.   .medium-order-1 {
  391.     -ms-flex-order: 1;
  392.         order: 1; }
  393.   .medium-order-2 {
  394.     -ms-flex-order: 2;
  395.         order: 2; }
  396.   .medium-order-3 {
  397.     -ms-flex-order: 3;
  398.         order: 3; }
  399.   .medium-order-4 {
  400.     -ms-flex-order: 4;
  401.         order: 4; }
  402.   .medium-order-5 {
  403.     -ms-flex-order: 5;
  404.         order: 5; }
  405.   .medium-order-6 {
  406.     -ms-flex-order: 6;
  407.         order: 6; }
  408.   .medium-up-1 {
  409.     -ms-flex-wrap: wrap;
  410.         flex-wrap: wrap; }
  411.     .medium-up-1 > .column, .medium-up-1 > .columns {
  412.       -ms-flex: 0 0 100%;
  413.           flex: 0 0 100%;
  414.       max-width: 100%; }
  415.   .medium-up-2 {
  416.     -ms-flex-wrap: wrap;
  417.         flex-wrap: wrap; }
  418.     .medium-up-2 > .column, .medium-up-2 > .columns {
  419.       -ms-flex: 0 0 50%;
  420.           flex: 0 0 50%;
  421.       max-width: 50%; }
  422.   .medium-up-3 {
  423.     -ms-flex-wrap: wrap;
  424.         flex-wrap: wrap; }
  425.     .medium-up-3 > .column, .medium-up-3 > .columns {
  426.       -ms-flex: 0 0 33.33333%;
  427.           flex: 0 0 33.33333%;
  428.       max-width: 33.33333%; }
  429.   .medium-up-4 {
  430.     -ms-flex-wrap: wrap;
  431.         flex-wrap: wrap; }
  432.     .medium-up-4 > .column, .medium-up-4 > .columns {
  433.       -ms-flex: 0 0 25%;
  434.           flex: 0 0 25%;
  435.       max-width: 25%; }
  436.   .medium-up-5 {
  437.     -ms-flex-wrap: wrap;
  438.         flex-wrap: wrap; }
  439.     .medium-up-5 > .column, .medium-up-5 > .columns {
  440.       -ms-flex: 0 0 20%;
  441.           flex: 0 0 20%;
  442.       max-width: 20%; }
  443.   .medium-up-6 {
  444.     -ms-flex-wrap: wrap;
  445.         flex-wrap: wrap; }
  446.     .medium-up-6 > .column, .medium-up-6 > .columns {
  447.       -ms-flex: 0 0 16.66667%;
  448.           flex: 0 0 16.66667%;
  449.       max-width: 16.66667%; }
  450.   .medium-up-7 {
  451.     -ms-flex-wrap: wrap;
  452.         flex-wrap: wrap; }
  453.     .medium-up-7 > .column, .medium-up-7 > .columns {
  454.       -ms-flex: 0 0 14.28571%;
  455.           flex: 0 0 14.28571%;
  456.       max-width: 14.28571%; }
  457.   .medium-up-8 {
  458.     -ms-flex-wrap: wrap;
  459.         flex-wrap: wrap; }
  460.     .medium-up-8 > .column, .medium-up-8 > .columns {
  461.       -ms-flex: 0 0 12.5%;
  462.           flex: 0 0 12.5%;
  463.       max-width: 12.5%; } }
  464.  
  465. @media print, screen and (min-width: 40em) and (min-width: 40em) {
  466.   .medium-expand {
  467.     -ms-flex: 1 1 0px;
  468.         flex: 1 1 0px; } }
  469.  
  470. @media print, screen and (min-width: 40em) {
  471.   .medium-flex-dir-row {
  472.     -ms-flex-direction: row;
  473.         flex-direction: row; }
  474.   .medium-flex-dir-row-reverse {
  475.     -ms-flex-direction: row-reverse;
  476.         flex-direction: row-reverse; }
  477.   .medium-flex-dir-column {
  478.     -ms-flex-direction: column;
  479.         flex-direction: column; }
  480.   .medium-flex-dir-column-reverse {
  481.     -ms-flex-direction: column-reverse;
  482.         flex-direction: column-reverse; }
  483.   .medium-flex-child-auto {
  484.     -ms-flex: 1 1 auto;
  485.         flex: 1 1 auto; }
  486.   .medium-flex-child-grow {
  487.     -ms-flex: 1 0 auto;
  488.         flex: 1 0 auto; }
  489.   .medium-flex-child-shrink {
  490.     -ms-flex: 0 1 auto;
  491.         flex: 0 1 auto; } }
  492.  
  493. .row.medium-unstack > .column, .row.medium-unstack > .columns {
  494.   -ms-flex: 0 0 100%;
  495.       flex: 0 0 100%; }
  496.   @media print, screen and (min-width: 40em) {
  497.     .row.medium-unstack > .column, .row.medium-unstack > .columns {
  498.       -ms-flex: 1 1 0px;
  499.           flex: 1 1 0px; } }
  500.  
  501. @media print, screen and (min-width: 40em) {
  502.   .medium-collapse > .column, .medium-collapse > .columns {
  503.     padding-right: 0;
  504.     padding-left: 0; }
  505.   .medium-uncollapse > .column, .medium-uncollapse > .columns {
  506.     padding-right: 0.9375rem;
  507.     padding-left: 0.9375rem; } }
  508.  
  509. @media print, screen and (min-width: 64em) {
  510.   .large-1 {
  511.     -ms-flex: 0 0 8.33333%;
  512.         flex: 0 0 8.33333%;
  513.     max-width: 8.33333%; }
  514.   .large-offset-0 {
  515.     margin-left: 0%; }
  516.   .large-2 {
  517.     -ms-flex: 0 0 16.66667%;
  518.         flex: 0 0 16.66667%;
  519.     max-width: 16.66667%; }
  520.   .large-offset-1 {
  521.     margin-left: 8.33333%; }
  522.   .large-3 {
  523.     -ms-flex: 0 0 25%;
  524.         flex: 0 0 25%;
  525.     max-width: 25%; }
  526.   .large-offset-2 {
  527.     margin-left: 16.66667%; }
  528.   .large-4 {
  529.     -ms-flex: 0 0 33.33333%;
  530.         flex: 0 0 33.33333%;
  531.     max-width: 33.33333%; }
  532.   .large-offset-3 {
  533.     margin-left: 25%; }
  534.   .large-5 {
  535.     -ms-flex: 0 0 41.66667%;
  536.         flex: 0 0 41.66667%;
  537.     max-width: 41.66667%; }
  538.   .large-offset-4 {
  539.     margin-left: 33.33333%; }
  540.   .large-6 {
  541.     -ms-flex: 0 0 50%;
  542.         flex: 0 0 50%;
  543.     max-width: 50%; }
  544.   .large-offset-5 {
  545.     margin-left: 41.66667%; }
  546.   .large-7 {
  547.     -ms-flex: 0 0 58.33333%;
  548.         flex: 0 0 58.33333%;
  549.     max-width: 58.33333%; }
  550.   .large-offset-6 {
  551.     margin-left: 50%; }
  552.   .large-8 {
  553.     -ms-flex: 0 0 66.66667%;
  554.         flex: 0 0 66.66667%;
  555.     max-width: 66.66667%; }
  556.   .large-offset-7 {
  557.     margin-left: 58.33333%; }
  558.   .large-9 {
  559.     -ms-flex: 0 0 75%;
  560.         flex: 0 0 75%;
  561.     max-width: 75%; }
  562.   .large-offset-8 {
  563.     margin-left: 66.66667%; }
  564.   .large-10 {
  565.     -ms-flex: 0 0 83.33333%;
  566.         flex: 0 0 83.33333%;
  567.     max-width: 83.33333%; }
  568.   .large-offset-9 {
  569.     margin-left: 75%; }
  570.   .large-11 {
  571.     -ms-flex: 0 0 91.66667%;
  572.         flex: 0 0 91.66667%;
  573.     max-width: 91.66667%; }
  574.   .large-offset-10 {
  575.     margin-left: 83.33333%; }
  576.   .large-12 {
  577.     -ms-flex: 0 0 100%;
  578.         flex: 0 0 100%;
  579.     max-width: 100%; }
  580.   .large-offset-11 {
  581.     margin-left: 91.66667%; }
  582.   .large-order-1 {
  583.     -ms-flex-order: 1;
  584.         order: 1; }
  585.   .large-order-2 {
  586.     -ms-flex-order: 2;
  587.         order: 2; }
  588.   .large-order-3 {
  589.     -ms-flex-order: 3;
  590.         order: 3; }
  591.   .large-order-4 {
  592.     -ms-flex-order: 4;
  593.         order: 4; }
  594.   .large-order-5 {
  595.     -ms-flex-order: 5;
  596.         order: 5; }
  597.   .large-order-6 {
  598.     -ms-flex-order: 6;
  599.         order: 6; }
  600.   .large-up-1 {
  601.     -ms-flex-wrap: wrap;
  602.         flex-wrap: wrap; }
  603.     .large-up-1 > .column, .large-up-1 > .columns {
  604.       -ms-flex: 0 0 100%;
  605.           flex: 0 0 100%;
  606.       max-width: 100%; }
  607.   .large-up-2 {
  608.     -ms-flex-wrap: wrap;
  609.         flex-wrap: wrap; }
  610.     .large-up-2 > .column, .large-up-2 > .columns {
  611.       -ms-flex: 0 0 50%;
  612.           flex: 0 0 50%;
  613.       max-width: 50%; }
  614.   .large-up-3 {
  615.     -ms-flex-wrap: wrap;
  616.         flex-wrap: wrap; }
  617.     .large-up-3 > .column, .large-up-3 > .columns {
  618.       -ms-flex: 0 0 33.33333%;
  619.           flex: 0 0 33.33333%;
  620.       max-width: 33.33333%; }
  621.   .large-up-4 {
  622.     -ms-flex-wrap: wrap;
  623.         flex-wrap: wrap; }
  624.     .large-up-4 > .column, .large-up-4 > .columns {
  625.       -ms-flex: 0 0 25%;
  626.           flex: 0 0 25%;
  627.       max-width: 25%; }
  628.   .large-up-5 {
  629.     -ms-flex-wrap: wrap;
  630.         flex-wrap: wrap; }
  631.     .large-up-5 > .column, .large-up-5 > .columns {
  632.       -ms-flex: 0 0 20%;
  633.           flex: 0 0 20%;
  634.       max-width: 20%; }
  635.   .large-up-6 {
  636.     -ms-flex-wrap: wrap;
  637.         flex-wrap: wrap; }
  638.     .large-up-6 > .column, .large-up-6 > .columns {
  639.       -ms-flex: 0 0 16.66667%;
  640.           flex: 0 0 16.66667%;
  641.       max-width: 16.66667%; }
  642.   .large-up-7 {
  643.     -ms-flex-wrap: wrap;
  644.         flex-wrap: wrap; }
  645.     .large-up-7 > .column, .large-up-7 > .columns {
  646.       -ms-flex: 0 0 14.28571%;
  647.           flex: 0 0 14.28571%;
  648.       max-width: 14.28571%; }
  649.   .large-up-8 {
  650.     -ms-flex-wrap: wrap;
  651.         flex-wrap: wrap; }
  652.     .large-up-8 > .column, .large-up-8 > .columns {
  653.       -ms-flex: 0 0 12.5%;
  654.           flex: 0 0 12.5%;
  655.       max-width: 12.5%; } }
  656.  
  657. @media print, screen and (min-width: 64em) and (min-width: 64em) {
  658.   .large-expand {
  659.     -ms-flex: 1 1 0px;
  660.         flex: 1 1 0px; } }
  661.  
  662. @media print, screen and (min-width: 64em) {
  663.   .large-flex-dir-row {
  664.     -ms-flex-direction: row;
  665.         flex-direction: row; }
  666.   .large-flex-dir-row-reverse {
  667.     -ms-flex-direction: row-reverse;
  668.         flex-direction: row-reverse; }
  669.   .large-flex-dir-column {
  670.     -ms-flex-direction: column;
  671.         flex-direction: column; }
  672.   .large-flex-dir-column-reverse {
  673.     -ms-flex-direction: column-reverse;
  674.         flex-direction: column-reverse; }
  675.   .large-flex-child-auto {
  676.     -ms-flex: 1 1 auto;
  677.         flex: 1 1 auto; }
  678.   .large-flex-child-grow {
  679.     -ms-flex: 1 0 auto;
  680.         flex: 1 0 auto; }
  681.   .large-flex-child-shrink {
  682.     -ms-flex: 0 1 auto;
  683.         flex: 0 1 auto; } }
  684.  
  685. .row.large-unstack > .column, .row.large-unstack > .columns {
  686.   -ms-flex: 0 0 100%;
  687.       flex: 0 0 100%; }
  688.   @media print, screen and (min-width: 64em) {
  689.     .row.large-unstack > .column, .row.large-unstack > .columns {
  690.       -ms-flex: 1 1 0px;
  691.           flex: 1 1 0px; } }
  692.  
  693. @media print, screen and (min-width: 64em) {
  694.   .large-collapse > .column, .large-collapse > .columns {
  695.     padding-right: 0;
  696.     padding-left: 0; }
  697.   .large-uncollapse > .column, .large-uncollapse > .columns {
  698.     padding-right: 0.9375rem;
  699.     padding-left: 0.9375rem; } }
  700.  
  701. .shrink {
  702.   -ms-flex: 0 0 auto;
  703.       flex: 0 0 auto;
  704.   max-width: 100%; }
  705.  
  706. .align-right {
  707.   -ms-flex-pack: end;
  708.       justify-content: flex-end; }
  709.  
  710. .align-center {
  711.   -ms-flex-pack: center;
  712.       justify-content: center; }
  713.  
  714. .align-justify {
  715.   -ms-flex-pack: justify;
  716.       justify-content: space-between; }
  717.  
  718. .align-spaced {
  719.   -ms-flex-pack: distribute;
  720.       justify-content: space-around; }
  721.  
  722. .align-top {
  723.   -ms-flex-align: start;
  724.       align-items: flex-start; }
  725.  
  726. .align-self-top {
  727.   -ms-flex-item-align: start;
  728.       align-self: flex-start; }
  729.  
  730. .align-bottom {
  731.   -ms-flex-align: end;
  732.       align-items: flex-end; }
  733.  
  734. .align-self-bottom {
  735.   -ms-flex-item-align: end;
  736.       align-self: flex-end; }
  737.  
  738. .align-middle {
  739.   -ms-flex-align: center;
  740.       align-items: center; }
  741.  
  742. .align-self-middle {
  743.   -ms-flex-item-align: center;
  744.       -ms-grid-row-align: center;
  745.       align-self: center; }
  746.  
  747. .align-stretch {
  748.   -ms-flex-align: stretch;
  749.       align-items: stretch; }
  750.  
  751. .align-self-stretch {
  752.   -ms-flex-item-align: stretch;
  753.       -ms-grid-row-align: stretch;
  754.       align-self: stretch; }
  755.  
  756. .small-order-1 {
  757.   -ms-flex-order: 1;
  758.       order: 1; }
  759.  
  760. .small-order-2 {
  761.   -ms-flex-order: 2;
  762.       order: 2; }
  763.  
  764. .small-order-3 {
  765.   -ms-flex-order: 3;
  766.       order: 3; }
  767.  
  768. .small-order-4 {
  769.   -ms-flex-order: 4;
  770.       order: 4; }
  771.  
  772. .small-order-5 {
  773.   -ms-flex-order: 5;
  774.       order: 5; }
  775.  
  776. .small-order-6 {
  777.   -ms-flex-order: 6;
  778.       order: 6; }
  779.  
  780. @media print, screen and (min-width: 40em) {
  781.   .medium-order-1 {
  782.     -ms-flex-order: 1;
  783.         order: 1; }
  784.   .medium-order-2 {
  785.     -ms-flex-order: 2;
  786.         order: 2; }
  787.   .medium-order-3 {
  788.     -ms-flex-order: 3;
  789.         order: 3; }
  790.   .medium-order-4 {
  791.     -ms-flex-order: 4;
  792.         order: 4; }
  793.   .medium-order-5 {
  794.     -ms-flex-order: 5;
  795.         order: 5; }
  796.   .medium-order-6 {
  797.     -ms-flex-order: 6;
  798.         order: 6; } }
  799.  
  800. @media print, screen and (min-width: 64em) {
  801.   .large-order-1 {
  802.     -ms-flex-order: 1;
  803.         order: 1; }
  804.   .large-order-2 {
  805.     -ms-flex-order: 2;
  806.         order: 2; }
  807.   .large-order-3 {
  808.     -ms-flex-order: 3;
  809.         order: 3; }
  810.   .large-order-4 {
  811.     -ms-flex-order: 4;
  812.         order: 4; }
  813.   .large-order-5 {
  814.     -ms-flex-order: 5;
  815.         order: 5; }
  816.   .large-order-6 {
  817.     -ms-flex-order: 6;
  818.         order: 6; } }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!