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
This commit is contained in:
Andrew Nacin
2014-02-13 08:29:16 +00:00
parent 12b13fe7cf
commit 01b809bf2b
16 changed files with 333 additions and 293 deletions

View File

@@ -8,14 +8,13 @@
text-transform: none;
letter-spacing: normal;
font: normal 13px/32px "Open Sans", sans-serif;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
transition: none;
-webkit-font-smoothing: subpixel-antialiased; /* Prevent Safari from switching to standard antialiasing on hover */
}
@@ -101,7 +100,7 @@ html:lang(he-il) .rtl #wpadminbar * {
}
/* Prevent a Chrome bug that inadvertantly activates
:hover states on an element that touches the extreme
:hover states on an element that touches the extreme
top left corner of the viewport. See #18868 */
#wpadminbar .quicklinks {
border-left: 1px solid transparent;
@@ -250,7 +249,6 @@ html:lang(he-il) .rtl #wpadminbar * {
#wpadminbar .ab-item:before,
#wpadminbar #adminbarsearch:before {
position: relative;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
@@ -587,24 +585,17 @@ html:lang(he-il) .rtl #wpadminbar * {
border: none;
outline: none;
cursor: pointer;
-webkit-box-shadow: none;
box-shadow: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: width, background;
transition-property: width, background;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -867,14 +858,14 @@ html:lang(he-il) .rtl #wpadminbar * {
color: #999;
position: relative;
}
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon,
#wpadminbar .ab-icon,
#wpadminbar .ab-item:before {
padding: 0;
margin-right: 0;
}
#wpadminbar #wp-admin-bar-edit > .ab-item:before,
#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
#wpadminbar #wp-admin-bar-site-name > .ab-item:before,
@@ -1005,11 +996,10 @@ html:lang(he-il) .rtl #wpadminbar * {
#wpadminbar li:hover ul li:hover ul li {
display: list-item;
}
/* Override default min-width so dropdown lists aren't stretched
to 100% viewport width at responsive sizes. */
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
min-width: intrinsic;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
@@ -1040,9 +1030,9 @@ html:lang(he-il) .rtl #wpadminbar * {
.network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
margin-right: 0;
}
/* Realign arrows on taller responsive submenus */
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
top: 10px;
left: 0;
@@ -1054,7 +1044,7 @@ html:lang(he-il) .rtl #wpadminbar * {
#wpadminbar {
position: absolute;
}
#wp-responsive-overlay {
position: fixed;
top: 0;
@@ -1077,7 +1067,7 @@ html:lang(he-il) .rtl #wpadminbar * {
#wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
margin-left: 0;
}
#wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
margin: 0;
width: 100%;
@@ -1085,12 +1075,12 @@ html:lang(he-il) .rtl #wpadminbar * {
left: auto;
position: relative;
}
#wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
font-size: 16px;
padding: 6px 15px 19px 30px;
}
#wpadminbar li:hover ul li ul li {
display: list-item;
}
@@ -1099,9 +1089,9 @@ html:lang(he-il) .rtl #wpadminbar * {
#wpadminbar li#wp-admin-bar-updates {
display: none;
}
/* Make submenus full-width at this size */
#wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
position: static;
-webkit-box-shadow: none;