WordPress.org

Make WordPress Core

Changeset 42161


Ignore:
Timestamp:
11/13/2017 05:47:05 AM (17 months ago)
Author:
westonruter
Message:

About: Add vertical alignment for developer happiness sections.

Also run CSS autoprefixer to add -ms- prefixes for CSS grid identifiers for IE11.

Props Presskopp.
Amends [42121].
See #42087.
Fixes #42524 for trunk.

File:
1 edited

Legend:

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

    r42121 r42161  
    173173    -webkit-box-pack: justify;
    174174    justify-content: space-between;
    175     -webkit-box-align: center;
    176     align-items: center;
    177175    flex-wrap: wrap;
    178176}
     
    358356
    359357.about-wrap .floating-header-section {
     358    display: -ms-grid;
    360359    display: grid;
    361360    grid-gap: 0 60px;
     361    -ms-grid-columns: 5fr 11fr;
    362362    grid-template-columns: 5fr 11fr;
    363363    max-width: 1020px;
     
    366366
    367367.about-wrap .floating-header-section h2 {
     368    -ms-grid-column: 1;
    368369    grid-column: 1;
    369370    text-align: left;
     
    377378
    378379.about-wrap .floating-header-section .section-content {
     380    display: -ms-grid;
    379381    display: grid;
    380382    grid-gap: 60px;
     383    -ms-grid-columns: 5fr 5fr;
    381384    grid-template-columns: 5fr 5fr;
     385    -ms-grid-column: 2;
    382386    grid-column: 2;
    383387}
    384388
    385389.about-wrap .floating-header-section .section-item:nth-of-type(odd) {
     390    -ms-grid-column: 1;
    386391    grid-column: 1;
    387392}
    388393
    389394.about-wrap .floating-header-section .section-item:nth-of-type(even) {
     395    -ms-grid-column: 2;
    390396    grid-column: 2;
    391397}
     
    499505
    500506    .about-wrap .floating-header-section {
     507        -ms-grid-columns: 1fr;
    501508        grid-template-columns: 1fr;
    502509        grid-gap: 60px 0;
     
    505512    .about-wrap .floating-header-section h2,
    506513    .about-wrap .floating-header-section .section-content {
     514        -ms-grid-column: 1;
    507515        grid-column: 1;
    508516    }
     
    562570
    563571    .about-wrap .floating-header-section .section-content {
     572        -ms-grid-columns: 1fr;
    564573        grid-template-columns: 1fr;
    565574        grid-gap: 60px 0;
     
    567576
    568577    .about-wrap .floating-header-section .section-content .section-item {
     578        -ms-grid-column: 1;
    569579        grid-column: 1;
    570580    }
Note: See TracChangeset for help on using the changeset viewer.