Making WordPress.org

Ticket #4980: meta-4980.flexbox.diff

File meta-4980.flexbox.diff, 1000 bytes (added by coffee2code, 23 months ago)

Alternate implementation using flexbox that could have been in lieu of [9577].

  • wp4.css

     
    11461146}
    11471147
    11481148#home-below .wrapper {
    1149         float: left;
     1149        display: flex;
     1150        justify-content: center;
    11501151        margin-bottom: 14px;
    11511152}
    11521153
     1154#home-below .wrapper .col-2,
     1155#home-below .wrapper .col-4 {
     1156        float: none;
     1157}
     1158
     1159#home-below .wrapper .col-2 {
     1160        flex-shrink: 0;
     1161}
     1162
     1163#home-below .wrapper .col-4 {
     1164        flex-grow: 0.9;
     1165}
     1166
     1167@media screen and (max-width:800px) {
     1168        #home-below .wrapper {
     1169                flex-wrap: wrap;
     1170        }
     1171}
     1172
     1173@media screen and (max-width:480px) {
     1174        #home-below .wrapper h4 {
     1175                text-align: center;
     1176        }
     1177        #home-below .wrapper .col-4 {
     1178                flex-grow: 0.8;
     1179        }
     1180}
     1181
    11531182.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    11541183        float: left;
    11551184        margin: 0 14px;
     
    24022431        background: #f2dede;
    24032432}
    24042433
    2405 /*# sourceMappingURL=wp4.css.map */
    2406  No newline at end of file
     2434/*# sourceMappingURL=wp4.css.map */