About Page: update CSS with prefixes

Seconded by melchoyce. See #40721. Built from https://develop.svn.wordpress.org/trunk@40885 git-svn-id: http://core.svn.wordpress.org/trunk@40735 1a063a9b-81f0-0310-95a4-ce76da25c4cd
fabrizim · Jun 8, 2017 · 9cff8ff · 9cff8ff
1 parent efc146a
commit 9cff8ff
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 3 deletions.
diff --git a/wp-admin/css/about-rtl.css b/wp-admin/css/about-rtl.css
@@ -163,9 +163,21 @@
 .about-wrap [class$="-col"] {
 	display: -ms-flexbox;
 	display: -webkit-flex;
+	display: -webkit-box;
+	display: -moz-box;
 	display: flex;
+	-webkit-box-pack: justify;
+	-webkit-justify-content: space-between;
+	-moz-box-pack: justify;
+	-ms-flex-pack: justify;
 	justify-content: space-between;
+	-webkit-box-align: center;
+	-webkit-align-items: center;
+	-moz-box-align: center;
+	-ms-flex-align: center;
 	align-items: center;
+	-webkit-flex-wrap: wrap;
+	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 }
 
@@ -177,6 +189,8 @@
 .about-wrap [class$="-col"] .col {
 	-webkit-flex: 1;
 	-ms-flex: 1;
+	-webkit-box-flex: 1;
+	-moz-box-flex: 1;
 	flex: 1;
 }
 
@@ -186,6 +200,8 @@
 }
 
 .about-wrap .three-col .col {
+	-webkit-align-self: flex-start;
+	-ms-flex-item-align: start;
 	align-self: flex-start;
 	min-width: 31%;
 	max-width: 31%;

diff --git a/wp-admin/css/about-rtl.min.css b/wp-admin/css/about-rtl.min.css
diff --git a/wp-admin/css/about.css b/wp-admin/css/about.css
@@ -163,9 +163,21 @@
 .about-wrap [class$="-col"] {
 	display: -ms-flexbox;
 	display: -webkit-flex;
+	display: -webkit-box;
+	display: -moz-box;
 	display: flex;
+	-webkit-box-pack: justify;
+	-webkit-justify-content: space-between;
+	-moz-box-pack: justify;
+	-ms-flex-pack: justify;
 	justify-content: space-between;
+	-webkit-box-align: center;
+	-webkit-align-items: center;
+	-moz-box-align: center;
+	-ms-flex-align: center;
 	align-items: center;
+	-webkit-flex-wrap: wrap;
+	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 }
 
@@ -177,6 +189,8 @@
 .about-wrap [class$="-col"] .col {
 	-webkit-flex: 1;
 	-ms-flex: 1;
+	-webkit-box-flex: 1;
+	-moz-box-flex: 1;
 	flex: 1;
 }
 
@@ -186,6 +200,8 @@
 }
 
 .about-wrap .three-col .col {
+	-webkit-align-self: flex-start;
+	-ms-flex-item-align: start;
 	align-self: flex-start;
 	min-width: 31%;
 	max-width: 31%;