WordPress.org

Make WordPress Core

Ticket #46363: 46363.5.diff

File 46363.5.diff, 1.8 KB (added by ryelle, 6 months ago)
  • src/wp-admin/css/about.css

    diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css
    index 1848ad407d00f9cb30929ef464ca3ff0f401fd96..34851cf03b25e19ecfe5c8bfced11b037d8e89ee 100644
    a b  
    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-3-columns .column:nth-of-type(n) {
    307305                padding-top: 16px;
    308306                padding-bottom: 16px;
    309307        }
     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;
     328        }
    310329}
    311330
    312331@media screen and (max-width: 600px) {
     
    327346        }
    328347}
    329348
     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;
     358        }
     359}
     360
    330361/* 1.2 - Typography & Elements */
    331362
    332363.about__container {
     
    11131144}
    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%;
    11191150}