Make WordPress Core

Ticket #46363: 46363.4.diff

File 46363.4.diff, 1.6 KB (added by garrett-eclipse, 5 years ago)

Refresh of the second diff to move into the 480 breakpoint. And avoid the .mid-2-columns that the third diff had. This is just awaiting a resized image.

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

     
    296296@media screen and (max-width: 782px) {
    297297        .about__section.has-2-columns.is-wider-right,
    298298        .about__section.has-2-columns.is-wider-left,
    299         .about__section.has-3-columns,
    300         .about__section.has-4-columns {
     299        .about__section.has-3-columns {
    301300                display: block;
    302301                padding-bottom: 16px;
    303302        }
    304303
    305         .about__section.has-3-columns .column:nth-of-type(n),
    306         .about__section.has-4-columns .column:nth-of-type(n) {
     304        .about__section.has-4-columns {
     305                -ms-grid-columns: (1fr)[2];
     306                grid-template-columns: repeat(2, 1fr);         
     307        }
     308
     309        .about__section.has-4-columns .column:nth-of-type(2n+1) {
     310                -ms-grid-column: 1;
     311                grid-column-start: 1;
     312        }
     313
     314        .about__section.has-4-columns .column:nth-of-type(2n) {
     315                -ms-grid-column: 2;
     316                grid-column-start: 2;
     317        }
     318
     319        .about__section.has-3-columns .column:nth-of-type(n) {
    307320                padding-top: 16px;
    308321                padding-bottom: 16px;
    309322        }
     
    325338        .about__section.has-2-columns .is-edge-to-edge {
    326339                order: -1;
    327340        }
     341
     342        .about__section.has-4-columns {
     343                display: block;
     344                padding-bottom: 16px;
     345        }
     346
     347        .about__section.has-4-columns .column:nth-of-type(n) {
     348                padding-top: 16px;
     349                padding-bottom: 16px;
     350        }
    328351}
    329352
    330353/* 1.2 - Typography & Elements */
     
    11131136}
    11141137
    11151138.freedoms-php .column .freedoms-image {
    1116         background-image: url('../images/freedoms-2x.png');
     1139        background-image: url('../images/freedoms.png');
    11171140        background-size: 100%;
    11181141        padding-top: 100%;
    11191142}