Build: Use postcss autoprefixer to add vendor prefixes

browserslist

@@ -0,0 +1,16 @@
+last 2 Chrome versions
+last 2 Firefox versions
+ie >= 9
+last 2 Edge versions
+Safari >= 6
+Opera >= 12
+Android >= 4
+last 2 ChromeAndroid versions
+last 2 FirefoxAndroid versions
+last 2 Samsung versions
+iOS >= 7
+last 2 OperaMobile versions
+last 2 OperaMini versions
+last 2 Samsung versions
+last 2 UCAndroid versions
+BlackBerry 7-10

build/tasks/alias.js

@@ -32,6 +32,7 @@ grunt.registerTask( "build:js", [
 ] );
 grunt.registerTask( "build:css", [
 	"cssbuild",
+	"postcss",
 	"csslint",
 	"cssmin"
 ] );

build/tasks/options/postcss.js

@@ -0,0 +1,15 @@
+module.exports = function( grunt ) {
+	var files = require( "../../files.js" )( grunt );
+
+	return {
+		options: {
+			map: false,
+			processors: [
+				require( "autoprefixer" )
+			]
+		},
+		all: {
+			src: "<%= dist %>" + files.css.structure.unminified
+		}
+	};
+};

css/structure/jquery.mobile.collapsible.css

@@ -61,31 +61,23 @@
 	display: none;
 }
 .ui-collapsible-set > .ui-collapsible.ui-corner-all {
-	-webkit-border-radius: 0;
 	border-radius: 0;
 }
 .ui-collapsible-heading,
 .ui-collapsible-heading > .ui-button {
-	-webkit-border-radius: inherit;
 	border-radius: inherit;
 }
 .ui-collapsible-set .ui-collapsible.ui-first-child {
-	-webkit-border-top-right-radius: inherit;
 	border-top-right-radius: inherit;
-	-webkit-border-top-left-radius: inherit;
 	border-top-left-radius: inherit;
 }
 .ui-collapsible-content,
 .ui-collapsible-set .ui-collapsible.ui-last-child {
-	-webkit-border-bottom-right-radius: inherit;
 	border-bottom-right-radius: inherit;
-	-webkit-border-bottom-left-radius: inherit;
 	border-bottom-left-radius: inherit;
 }
 .ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading {
-	-webkit-border-bottom-right-radius: 0;
 	border-bottom-right-radius: 0;
-	-webkit-border-bottom-left-radius: 0;
 	border-bottom-left-radius: 0;
 }
 .ui-collapsible-set .ui-collapsible {

css/structure/jquery.mobile.controlgroup.css

@@ -30,8 +30,6 @@
 .ui-controlgroup-vertical > .ui-button,
 .ui-controlgroup-vertical > li > .ui-button {
     display: block;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
     box-sizing: border-box;
 }
 
@@ -94,7 +92,5 @@
 
 .ui-controlgroup > .ui-shadow:not(:focus),
 .ui-controlgroup > .ui-shadow:not(.ui-focus) {
-	-moz-box-shadow: none;
-	-webkit-box-shadow: none;
 	box-shadow: none;
 }

css/structure/jquery.mobile.core.css

@@ -27,7 +27,7 @@
 	margin: 0;
 	overflow-x: visible;
 	-webkit-text-size-adjust: 100%;
-	-ms-text-size-adjust:none;
+	-ms-text-size-adjust: none;
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 /* Issue #2066 */
@@ -141,7 +141,6 @@ div.ui-mobile-viewport {
 	width: 2.75em;
 	height: 2.75em;
 	padding: .0625em;
-	-webkit-border-radius: 2.25em;
 	border-radius: 2.25em;
 }
 .ui-loader-verbose .ui-icon-loading {
@@ -186,17 +185,13 @@ div.ui-mobile-viewport {
 .ui-corner-all > .ui-toolbar-header:first-child,
 .ui-corner-all > .ui-content:first-child,
 .ui-corner-all > .ui-toolbar-footer:first-child {
-	-webkit-border-top-left-radius: inherit;
 	border-top-left-radius: inherit;
-	-webkit-border-top-right-radius: inherit;
 	border-top-right-radius: inherit;
 }
 .ui-corner-all > .ui-toolbar-header:last-child,
 .ui-corner-all > .ui-content:last-child,
 .ui-corner-all > .ui-toolbar-footer:last-child {
-	-webkit-border-bottom-left-radius: inherit;
 	border-bottom-left-radius: inherit;
-	-webkit-border-bottom-right-radius: inherit;
 	border-bottom-right-radius: inherit;
 }
 
@@ -213,9 +208,6 @@ div.ui-mobile-viewport {
 	overflow: hidden;
 	white-space: nowrap;
 	cursor: pointer;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
 	user-select: none;
 }
 .ui-button-icon-only,
@@ -316,8 +308,6 @@ div.ui-mobile-viewport {
 /* Button elements and input buttons */
 button.ui-button,
 input.ui-button {
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	-webkit-appearance: none;
 	-moz-appearance: none;
@@ -336,8 +326,6 @@ button.ui-button::-moz-focus-inner {
 }
 button.ui-button-icon-only,
 input.ui-button-icon-only {
-	-webkit-box-sizing: content-box;
-	-moz-box-sizing: content-box;
 	box-sizing: content-box;
 	width: 1.75em;
 }

css/structure/jquery.mobile.forms.fieldcontain.css

@@ -61,8 +61,6 @@
 	.ui-field-contain .ui-controlgroup {
 		float: left;
 		width: 78%;
-		-webkit-box-sizing: border-box;
-		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 	}
 

css/structure/jquery.mobile.forms.flipswitch.css

@@ -7,18 +7,9 @@
 	border-style: solid;
 	margin: .5em 0;
 	overflow: hidden;
-	-webkit-transition-property: padding, width, background-color, color, border-color;
-	-moz-transition-property: padding, width, background-color, color, border-color;
-	-o-transition-property: padding, width, background-color, color, border-color;
 	transition-property: padding, width, background-color, color, border-color;
-	-webkit-transition-duration: 100ms;
-	-moz-transition-duration: 100ms;
-	-o-transition-duration: 100ms;
 	transition-duration: 100ms;
 	-webkit-touch-callout: none;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
 	user-select: none;
 	cursor: pointer;
 }
@@ -52,8 +43,6 @@
 	text-align: left;
 	border-width: 1px;
 	border-style: solid;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	border-radius: inherit;
 	overflow: visible;
@@ -69,8 +58,6 @@ html .ui-field-contain > label + .ui-flipswitch,
 html .ui-popup .ui-field-contain > label + .ui-flipswitch {
 	display: inline-block;
 	width: 5.875em; /* If you override the width for .ui-flipswitch you should repeat the same value here */
-	-webkit-box-sizing: content-box;
-	-moz-box-sizing: content-box;
 	box-sizing: content-box;
 }
 .ui-field-contain .ui-flipswitch.ui-flipswitch-active,

css/structure/jquery.mobile.forms.select.css

@@ -23,7 +23,6 @@
 	height: 3em;
 	max-height: 100%;
 	outline: 0;
-	-webkit-border-radius: inherit;
 	border-radius: inherit;
 	-webkit-appearance: none;
 	-moz-appearance: none;
@@ -95,9 +94,7 @@
 	position: relative;
 }
 .ui-selectmenu-custom.ui-popup .ui-toolbar-header {
-	-webkit-border-bottom-right-radius: 0;
 	border-bottom-right-radius: 0;
-	-webkit-border-bottom-left-radius: 0;
 	border-bottom-left-radius: 0;
 }
 
@@ -116,13 +113,10 @@
 
 .ui-selectmenu-custom .ui-selectmenu-custom-list {
 	margin: 0;
-	-webkit-border-radius: inherit;
 	border-radius: inherit;
 }
 .ui-toolbar-header:not(.ui-screen-hidden) + .ui-selectmenu-custom-list {
-	-webkit-border-top-right-radius: 0;
 	border-top-right-radius: 0;
-	-webkit-border-top-left-radius: 0;
 	border-top-left-radius: 0;
 }
 .ui-toolbar-header.ui-screen-hidden + .ui-selectmenu-custom-list li.ui-first-child .ui-button {

css/structure/jquery.mobile.forms.slider.css

@@ -28,9 +28,6 @@ input.ui-slider-input {
 	text-align: center;
 	-webkit-appearance: none;
 	-moz-appearance: none;
-	appearance: none;
-	-webkit-box-sizing: content-box;
-	-moz-box-sizing: content-box;
 	box-sizing: content-box;
 }
 .ui-slider-input::-webkit-outer-spin-button,
@@ -111,8 +108,6 @@ div.ui-slider-switch.ui-mini {
 	padding: 0;
 }
 .ui-slider-handle-snapping {
-	-webkit-transition: left 70ms linear;
-	-moz-transition: left 70ms linear;
 	transition: left 70ms linear;
 }
 .ui-slider-switch .ui-slider-label {
@@ -145,7 +140,6 @@ div.ui-slider-switch.ui-mini {
 .ui-slider-switch .ui-slider-label,
 .ui-slider-switch .ui-slider-inneroffset,
 .ui-slider-handle {
-	-webkit-border-radius: inherit;
 	border-radius: inherit;
 }
 .ui-field-contain div.ui-slider-switch {

css/structure/jquery.mobile.forms.textinput.autogrow.css

@@ -3,8 +3,5 @@ textarea.ui-textinput-text.ui-textinput-autogrow {
 }
 
 .ui-textinput-autogrow-resize {
-	-webkit-transition: height .25s;
-	-o-transition: height .25s;
-	-moz-transition: height .25s;
 	transition: height .25s;
 }

css/structure/jquery.mobile.forms.textinput.css

@@ -11,8 +11,6 @@ textarea.ui-textinput-text {
 	line-height: 1.4em;
 	display: block;
 	width: 100%;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	outline: 0;
 }
@@ -24,7 +22,7 @@ textarea.ui-textinput-text {
 	border: 0;
 	background: transparent none;
 	-webkit-appearance: none;
-	-webkit-border-radius: inherit;
+	-moz-appearance: none;
 	border-radius: inherit;
 }
 textarea.ui-textinput-text {
@@ -58,9 +56,7 @@ textarea.ui-mini {
 .ui-textinput-has-clear-button input {
 	padding-right: 0;
 	/* Autofill on Chrome has bg color so we unset corners right as well. */
-	-webkit-border-top-right-radius: 0;
 	border-top-right-radius: 0;
-	-webkit-border-bottom-right-radius: 0;
 	border-bottom-right-radius: 0;
 }
 /* Search icon */
@@ -120,7 +116,5 @@ for Android 4.1 */
 }
 .ui-textinput-text input:focus,
 .ui-textinput-search input:focus {
-	-webkit-box-shadow: none;
-	-moz-box-shadow: none;
 	box-shadow: none;
 }

css/structure/jquery.mobile.grid.css

@@ -29,8 +29,6 @@
 	border: 0;
 	float: left;
 	min-height: 1px;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }
 /* force new row */

css/structure/jquery.mobile.listview.css

@@ -64,46 +64,33 @@
 }
 .ui-listview > li.ui-first-child,
 .ui-listview > li.ui-first-child > a.ui-button {
-	-webkit-border-top-right-radius: inherit;
 	border-top-right-radius: inherit;
-	-webkit-border-top-left-radius: inherit;
 	border-top-left-radius: inherit;
 }
 .ui-listview > li.ui-last-child,
 .ui-listview > li.ui-last-child > a.ui-button {
-	-webkit-border-bottom-right-radius: inherit;
 	border-bottom-right-radius: inherit;
-	-webkit-border-bottom-left-radius: inherit;
 	border-bottom-left-radius: inherit;
 }
 .ui-listview > li.ui-listview-item-has-alternate > a.ui-button {
-	-webkit-border-top-right-radius: 0;
 	border-top-right-radius: 0;
-	-webkit-border-bottom-right-radius: 0;
 	border-bottom-right-radius: 0;
 }
 .ui-listview > li.ui-first-child > a.ui-button + a.ui-button {
-	-webkit-border-top-left-radius: 0;
 	border-top-left-radius: 0;
-	-webkit-border-top-right-radius: inherit;
 	border-top-right-radius: inherit;
 }
 .ui-listview > li.ui-last-child > a.ui-button + a.ui-button {
-	-webkit-border-bottom-left-radius: 0;
 	border-bottom-left-radius: 0;
-	-webkit-border-bottom-right-radius: inherit;
 	border-bottom-right-radius: inherit;
 }
 .ui-listview > li.ui-first-child img:first-child:not(.ui-listview-item-icon) {
-	-webkit-border-top-left-radius: inherit;
 	border-top-left-radius: inherit;
 }
 .ui-listview > li.ui-last-child img:first-child:not(.ui-listview-item-icon) {
-	-webkit-border-bottom-left-radius: inherit;
 	border-bottom-left-radius: inherit;
 }
 .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) {
-	-webkit-border-radius: inherit;
 	border-radius: inherit;
 }
 .ui-listview > .ui-listview-item-static {
@@ -199,8 +186,6 @@
 	position: absolute;
 	width: 2.5em;
 	height: 100%;
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	border-left-width: 1px;
 	top: 0;