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.

Built from https://develop.svn.wordpress.org/trunk@42161


git-svn-id: http://core.svn.wordpress.org/trunk@41992 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Weston Ruter 2017-11-13 05:48:47 +00:00
parent 41d60f59f8
commit 6d2bf4398c
5 changed files with 27 additions and 7 deletions

View File

@ -172,8 +172,6 @@
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
}
@ -357,14 +355,17 @@
/* 2.3 Floating Header Layout */
.about-wrap .floating-header-section {
display: -ms-grid;
display: grid;
grid-gap: 0 60px;
-ms-grid-columns: 5fr 11fr;
grid-template-columns: 5fr 11fr;
max-width: 1020px;
margin: 0 auto 120px;
}
.about-wrap .floating-header-section h2 {
-ms-grid-column: 1;
grid-column: 1;
text-align: right;
margin: 0;
@ -376,17 +377,22 @@
}
.about-wrap .floating-header-section .section-content {
display: -ms-grid;
display: grid;
grid-gap: 60px;
-ms-grid-columns: 5fr 5fr;
grid-template-columns: 5fr 5fr;
-ms-grid-column: 2;
grid-column: 2;
}
.about-wrap .floating-header-section .section-item:nth-of-type(odd) {
-ms-grid-column: 1;
grid-column: 1;
}
.about-wrap .floating-header-section .section-item:nth-of-type(even) {
-ms-grid-column: 2;
grid-column: 2;
}
@ -498,12 +504,14 @@
}
.about-wrap .floating-header-section {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 60px 0;
}
.about-wrap .floating-header-section h2,
.about-wrap .floating-header-section .section-content {
-ms-grid-column: 1;
grid-column: 1;
}
}
@ -561,11 +569,13 @@
}
.about-wrap .floating-header-section .section-content {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 60px 0;
}
.about-wrap .floating-header-section .section-content .section-item {
-ms-grid-column: 1;
grid-column: 1;
}
}

File diff suppressed because one or more lines are too long

View File

@ -172,8 +172,6 @@
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
}
@ -357,14 +355,17 @@
/* 2.3 Floating Header Layout */
.about-wrap .floating-header-section {
display: -ms-grid;
display: grid;
grid-gap: 0 60px;
-ms-grid-columns: 5fr 11fr;
grid-template-columns: 5fr 11fr;
max-width: 1020px;
margin: 0 auto 120px;
}
.about-wrap .floating-header-section h2 {
-ms-grid-column: 1;
grid-column: 1;
text-align: left;
margin: 0;
@ -376,17 +377,22 @@
}
.about-wrap .floating-header-section .section-content {
display: -ms-grid;
display: grid;
grid-gap: 60px;
-ms-grid-columns: 5fr 5fr;
grid-template-columns: 5fr 5fr;
-ms-grid-column: 2;
grid-column: 2;
}
.about-wrap .floating-header-section .section-item:nth-of-type(odd) {
-ms-grid-column: 1;
grid-column: 1;
}
.about-wrap .floating-header-section .section-item:nth-of-type(even) {
-ms-grid-column: 2;
grid-column: 2;
}
@ -498,12 +504,14 @@
}
.about-wrap .floating-header-section {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 60px 0;
}
.about-wrap .floating-header-section h2,
.about-wrap .floating-header-section .section-content {
-ms-grid-column: 1;
grid-column: 1;
}
}
@ -561,11 +569,13 @@
}
.about-wrap .floating-header-section .section-content {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 60px 0;
}
.about-wrap .floating-header-section .section-content .section-item {
-ms-grid-column: 1;
grid-column: 1;
}
}

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.0-alpha-42159';
$wp_version = '5.0-alpha-42161';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.