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.

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


git-svn-id: http://core.svn.wordpress.org/trunk@27038 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrew Nacin
2014-02-13 08:30:17 +00:00
parent fae539978e
commit 11c3695c77
76 changed files with 697 additions and 629 deletions

View File

@@ -5,6 +5,7 @@
div.mce-panel {
border: 0;
background: #fff;
-webkit-filter: none;
filter: none;
}
@@ -32,6 +33,7 @@ div.mce-statusbar {
.mce-toolbar .mce-btn {
border-color: transparent;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
@@ -41,12 +43,14 @@ div.mce-statusbar {
margin: 0 1px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-filter: none;
filter: none;
}
#wp-fullscreen-buttons .mce-btn:hover,
.mce-toolbar .mce-btn-group .mce-btn:hover,
.mce-toolbar .mce-btn-group .mce-btn.mce-active {
-webkit-box-shadow: 0 0 transparent;
box-shadow: 0 0 transparent;
border-color: #bbb;
background: #eee;
@@ -79,12 +83,13 @@ div.mce-statusbar {
}
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
-webkit-border-radius: 0;
border-radius: 0;
direction: rtl;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
}
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
@@ -306,8 +311,8 @@ i.mce-i-wp_page:before {
outline: none;
display: block;
resize: vertical;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@@ -431,8 +436,8 @@ i.mce-i-wp_page:before {
border-bottom-style: solid;
border-bottom-width: 1px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
padding: 2px 8px 0;
min-height: 29px;
@@ -456,8 +461,6 @@ i.mce-i-wp_page:before {
background: #eee;
background-image: -webkit-gradient(linear, right bottom, right top, from(#e3e3e3), to(#fff));
background-image: -webkit-linear-gradient(bottom, #e3e3e3, #fff);
background-image: -moz-linear-gradient(bottom, #e3e3e3, #fff);
background-image: -o-linear-gradient(bottom, #e3e3e3, #fff);
background-image: linear-gradient(to top, #e3e3e3, #fff);
}
@@ -540,6 +543,8 @@ i.mce-i-wp_page:before {
#wp-link input[type="text"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#wp-link input[type="text"],
@@ -966,7 +971,7 @@ i.mce-i-wp_page:before {
z-index: 300002;
border: 0;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.7);
box-shadow: 0 5px 15px rgba(0,0,0,0.7);
box-shadow: 0 5px 15px rgba(0,0,0,0.7);
background-color: #f5f5f5;
}
@@ -1138,6 +1143,7 @@ i.mce-i-wp_page:before {
bottom: 0;
right: 0;
left: 0;
-webkit-filter: inherit;
filter: inherit;
}
@@ -1171,7 +1177,7 @@ i.mce-i-wp_page:before {
bottom: 30px;
top: 60px;
z-index: 150010;
}
.wp-fullscreen-wrap .wp-editor-container,
@@ -1298,8 +1304,6 @@ i.mce-i-wp_page:before {
background: #f4f4f4;
background-image: -webkit-gradient(linear, right bottom, right top, from(#e4e4e4), to(#f9f9f9));
background-image: -webkit-linear-gradient(bottom, #e4e4e4, #f9f9f9);
background-image: -moz-linear-gradient(bottom, #e4e4e4, #f9f9f9);
background-image: -o-linear-gradient(bottom, #e4e4e4, #f9f9f9);
background-image: linear-gradient(to top, #e4e4e4, #f9f9f9);
}
@@ -1311,23 +1315,21 @@ i.mce-i-wp_page:before {
background: #eee;
background-image: -webkit-gradient(linear, right top, right bottom, from(#e4e4e4), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #e4e4e4, #f9f9f9);
background-image: -moz-linear-gradient(top, #e4e4e4, #f9f9f9);
background-image: -o-linear-gradient(top, #e4e4e4, #f9f9f9);
background-image: linear-gradient(to bottom, #e4e4e4, #f9f9f9);
}
#wp-fullscreen-modes a:first-child {
border-width: 1px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px;
}
#wp-fullscreen-modes a:last-child {
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
}
@@ -1352,6 +1354,7 @@ i.mce-i-wp_page:before {
line-height: 20px;
overflow: visible;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@@ -1491,6 +1494,7 @@ html:lang(he-il) .rtl .quicktags-toolbar input {
#wp-link .toggle-arrow {
background: transparent url('../images/toggle-arrow-2x.png') top right no-repeat;
-webkit-background-size: 19px 69px;
background-size: 19px 69px;
}
}