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 4.9.

Built from https://develop.svn.wordpress.org/branches/4.9@42162


git-svn-id: http://core.svn.wordpress.org/branches/4.9@41993 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/about-rtl.css

@@ -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;
 	}
 }

wp-admin/css/about.css

@@ -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;
 	}
 }

wp-includes/version.php

@@ -4,7 +4,7 @@
  *
  * @global string $wp_version
  */
-$wp_version = '4.9-RC2-42160';
+$wp_version = '4.9-RC2-42162';
 
 /**
  * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.