Make WordPress Core

Ticket #46363: 46363.3.diff

File 46363.3.diff, 1.7 KB (added by garrett-eclipse, 5 years ago)

Refresh to introduce a .med-2-columns class to avoid any back-compat issues on changing the existing .has-4-columns class.

  • src/wp-admin/css/about.css

     
    307307                padding-top: 16px;
    308308                padding-bottom: 16px;
    309309        }
     310
     311        .about__section.med-2-columns {
     312                display: -ms-grid;
     313                display: grid;
     314                -ms-grid-columns: (1fr)[2];
     315                grid-template-columns: repeat(2, 1fr);         
     316        }
     317
     318        .about__section.med-2-columns .column:nth-of-type(2n+1) {
     319                -ms-grid-column: 1;
     320                grid-column-start: 1;
     321        }
     322
     323        .about__section.med-2-columns .column:nth-of-type(2n) {
     324                -ms-grid-column: 2;
     325                grid-column-start: 2;
     326        }
    310327}
    311328
    312329@media screen and (max-width: 600px) {
     
    327344        }
    328345}
    329346
     347@media screen and (max-width: 420px) {
     348        .about__section.med-2-columns {
     349                display: block;
     350                padding-bottom: 16px;
     351        }
     352
     353        .about__section.med-2-columns .column:nth-of-type(n) {
     354                padding-top: 16px;
     355                padding-bottom: 16px;
     356        }
     357}
     358
     359
    330360/* 1.2 - Typography & Elements */
    331361
    332362.about__container {
     
    11131143}
    11141144
    11151145.freedoms-php .column .freedoms-image {
    1116         background-image: url('../images/freedoms-2x.png');
     1146        background-image: url('../images/freedoms.png');
    11171147        background-size: 100%;
    11181148        padding-top: 100%;
    11191149}
  • src/wp-admin/freedoms.php

     
    5959
    6060        <hr />
    6161
    62         <div class="about__section has-4-columns">
     62        <div class="about__section has-4-columns med-2-columns">
    6363                <div class="column">
    6464                        <div class="freedoms-image"></div>
    6565                        <h2 class="is-smaller-heading"><?php _e( 'The 1st Freedom' ); ?></h2>