Dev/build tools: Use grunt-autoprefixer for CSS vendor prefixes.

We'll be using it for two distinct tasks:
 * Core CSS files will keep prefixes. `grunt autoprefixer:core` will update files directly in src/ as a pre-commit step, rather than doing it on build.
 * Color CSS files will receive prefixes when they are built.

This commit:
 * Adds prefixes we were missing to core CSS.
 * Removes prefixes that we no longer need from core CSS.
 * Removes all prefixes from colors CSS.

props ocean90.
fixes #27078.


git-svn-id: https://develop.svn.wordpress.org/trunk@27174 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-admin/css/color-picker.css

@@ -9,6 +9,7 @@
 .wp-color-result {
 	background-color: #f7f7f7;
 	border: 1px solid #ccc;
+	-webkit-border-radius: 3px;
 	border-radius: 3px;
 	cursor: pointer;
 	display: inline-block;
@@ -16,20 +17,20 @@
 	margin: 0 6px 6px 0px;
 	position: relative;
 	top: 1px;
-	user-select: none;
+	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
-	-webkit-user-select: none;
+	user-select: none;
 	vertical-align: bottom;
 	display: inline-block;
 	padding-left: 30px;
-
 	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.08);
 	box-shadow: 0 1px 0 rgba(0,0,0,.08);
 }
 
 .wp-color-result:after {
 	background: #f7f7f7;
+	-webkit-border-radius: 0 2px 2px 0;
 	border-radius: 0 2px 2px 0;
 	border-left: 1px solid #ccc;
 	color: #555;
@@ -42,7 +43,6 @@
 	right: 0;
 	text-align: center;
 	top: 0;
-
 	-webkit-box-shadow: inset 0 1px 0 #fff;
 	box-shadow: inset 0 1px 0 #fff;
 }
@@ -96,6 +96,7 @@
 }
 
 .wp-picker-container .iris-picker {
+	-webkit-border-radius: 0;
 	border-radius: 0;
 	border-color: #dfdfdf;
 	margin-top: 6px;

src/wp-admin/css/colors/_admin.scss

@@ -439,7 +439,6 @@ ul#adminmenu > li.current > a.current:after {
 .wp-slider .ui-slider-handle.focus {
 	background: $button-color;
 	border-color: darken( $button-color, 10% );
-	-webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
 	box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
 }
 

src/wp-admin/css/colors/_mixins.scss

@@ -1,12 +1,11 @@
 /*
- * Button mixin- creates 3d-ish button effect with correct 
+ * Button mixin- creates 3d-ish button effect with correct
  * highlights/shadows, based on a base color.
  */
 @mixin button( $button-color, $text-color: white ) {
 	background: $button-color;
 	border-color: darken( $button-color, 10% );
 	color: $text-color;
-	-webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
 	box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
 
 	&:hover,
@@ -14,7 +13,6 @@
 		background: darken( $button-color, 5% );
 		border-color: darken( $button-color, 15% );
 		color: $text-color;
-		-webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
 		box-shadow: inset 0 1px 0 lighten( $button-color, 10% ), 0 1px 0 rgba(0,0,0,.15);
 	}
 
@@ -22,7 +20,6 @@
 		background: darken( $button-color, 10% );
 		border-color: darken( $button-color, 15% );
 		color: $text-color;
-		-webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
 	 	box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
 	}
 

src/wp-admin/css/customize-controls.css

@@ -84,8 +84,8 @@ body {
 }
 
 #customize-theme-controls {
-	-webkit-box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
-	box-shadow:         0px 1px 1px -1px rgba(0, 0, 0, 0.1);
+	-webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
+	box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);
 }
 
 #customize-theme-controls .control-section {
@@ -218,7 +218,9 @@ body {
 .collapse-sidebar {
 	background-color: transparent !important;
 	border: none !important;
+	-webkit-box-shadow: none !important;
 	box-shadow: none !important;
+	-webkit-border-radius: 0 !important;
 	border-radius: 0 !important;
 }
 
@@ -256,6 +258,7 @@ body {
 	border: 2px solid #eeeeee;
 	-webkit-user-select: none;
 	-moz-user-select: none;
+	-ms-user-select: none;
 	user-select: none;
 }
 
@@ -423,10 +426,7 @@ body {
 .accordion-section .customize-control-image .upload-dropzone.supports-drag-drop {
 	display: block;
 	-webkit-transition: border-color 0.1s;
-	-moz-transition:    border-color 0.1s;
-	-ms-transition:     border-color 0.1s;
-	-o-transition:      border-color 0.1s;
-	transition:         border-color 0.1s;
+	transition: border-color 0.1s;
 }
 
 .accordion-section .customize-control-upload .library ul li,

src/wp-admin/css/install.css

@@ -68,6 +68,7 @@ abbr {
 #logo a {
 	background-image: url('../images/w-logo-blue.png?ver=20131202');
 	background-image: none, url('../images/wordpress-logo.svg?ver=20131107');
+	-webkit-background-size: 80px 80px;
 	background-size: 80px 80px;
 	background-position: center top;
 	background-repeat: no-repeat;
@@ -99,9 +100,8 @@ textarea {
 	border: 1px solid #dfdfdf;
 	font-family: "Open Sans", sans-serif;
 	width: 100%;
-	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
-	-ms-box-sizing: border-box; /* ie8 only */
+	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
 
@@ -142,6 +142,7 @@ textarea {
 	font-size: 15px;
 	padding: 3px 5px;
 	border: 1px solid #ddd;
+	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
 	box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
 }
 
@@ -304,8 +305,9 @@ body.rtl,
 		padding: 7px 10px;
 		display: block;
 		max-width: none;
-		box-sizing: border-box;
+		-webkit-box-sizing: border-box;
 		-moz-box-sizing: border-box;
+		box-sizing: border-box;
 	}
 
 }

src/wp-admin/css/media.css

@@ -352,21 +352,25 @@ table.not-image tr.image-only {
 
 	.image-align-none-label {
 		background-image: url("../images/align-none-2x.png?ver=20120916");
+		-webkit-background-size: 21px 15px;
 		background-size: 21px 15px;
 	}
 
 	.image-align-left-label {
 		background-image: url("../images/align-left-2x.png?ver=20120916");
+		-webkit-background-size: 22px 15px;
 		background-size: 22px 15px;
 	}
 
 	.image-align-center-label {
 		background-image: url("../images/align-center-2x.png?ver=20120916");
+		-webkit-background-size: 21px 15px;
 		background-size: 21px 15px;
 	}
 
 	.image-align-right-label {
 		background-image: url("../images/align-right-2x.png?ver=20120916");
+		-webkit-background-size: 22px 15px;
 		background-size: 22px 15px;
 	}
 }