WordPress.org

Make WordPress Core

Changeset 49479


Ignore:
Timestamp:
11/02/2020 07:43:36 PM (6 months ago)
Author:
helen
Message:

About: Optimize freedoms sprite and add 2 column layout.

Props garrett-eclipse, ryelle.
Fixes #46363.

Location:
trunk/src/wp-admin
Files:
1 added
1 deleted
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/about.css

    r49219 r49479  
    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-3-columns .column:nth-of-type(n) {
    307305        padding-top: 16px;
    308306        padding-bottom: 16px;
     307    }
     308
     309    .about__section.has-4-columns {
     310        -ms-grid-columns: (1fr)[2];
     311        grid-template-columns: repeat(2, 1fr);
     312    }
     313
     314    .about__section.has-4-columns .column:nth-of-type(2n+1) {
     315        -ms-grid-column: 1;
     316        grid-column-start: 1;
     317    }
     318
     319    .about__section.has-4-columns .column:nth-of-type(2n) {
     320        -ms-grid-column: 2;
     321        grid-column-start: 2;
     322    }
     323
     324    .about__section.has-4-columns .column:nth-of-type(4n+3),
     325    .about__section.has-4-columns .column:nth-of-type(4n) {
     326        -ms-grid-row: 2;
     327        grid-row-start: 2;
    309328    }
    310329}
     
    325344    .about__section.has-2-columns .is-edge-to-edge {
    326345        order: -1;
     346    }
     347}
     348
     349@media screen and (max-width: 480px) {
     350    .about__section.has-4-columns {
     351        display: block;
     352        padding-bottom: 16px;
     353    }
     354
     355    .about__section.has-4-columns .column:nth-of-type(n) {
     356        padding-top: 16px;
     357        padding-bottom: 16px;
    327358    }
    328359}
     
    11141145
    11151146.freedoms-php .column .freedoms-image {
    1116     background-image: url('../images/freedoms-2x.png');
     1147    background-image: url('../images/freedoms.png');
    11171148    background-size: 100%;
    11181149    padding-top: 100%;
Note: See TracChangeset for help on using the changeset viewer.