diff --git a/Gruntfile.js b/Gruntfile.js index 0a4a3fcb0..7673ebb9f 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -104,6 +104,25 @@ grunt.initConfig({ } }, + // -- Autoprefixer Config -------------------------------------------------------- + + autoprefixer: { + options: { + browsers: ['last 2 versions', 'ie >= 8', 'iOS >= 6', 'Android >= 4'] + }, + + dist: { + files: { + 'src/base/css/*.css': '*.css', + 'src/buttons/css/*.css': '*.css', + 'src/forms/css/*.css': '*.css', + 'src/grids/css/*.css': '*.css', + 'src/menus/css/*.css': '*.css', + 'src/tables/css/*.css': '*.css' + } + }, + }, + // -- CSSLint Config ------------------------------------------------------- csslint: { @@ -250,6 +269,7 @@ grunt.initConfig({ // -- Main Tasks --------------------------------------------------------------- // npm tasks. +grunt.loadNpmTasks('grunt-autoprefixer'); grunt.loadNpmTasks('grunt-contrib-clean'); grunt.loadNpmTasks('grunt-contrib-copy'); grunt.loadNpmTasks('grunt-contrib-concat'); @@ -264,7 +284,7 @@ grunt.loadNpmTasks('grunt-stripmq'); // Local tasks. grunt.loadTasks('tasks/'); -grunt.registerTask('default', ['import', 'test', 'build']); +grunt.registerTask('default', ['autoprefixer', 'import', 'test', 'build']); grunt.registerTask('import', ['bower_install']); grunt.registerTask('test', ['csslint']); grunt.registerTask('build', [ diff --git a/package.json b/package.json index 29e9549ae..894325a59 100644 --- a/package.json +++ b/package.json @@ -13,16 +13,17 @@ "devDependencies": { "bower": "^1.3.7", "grunt": "^0.4.5", + "grunt-autoprefixer": "^3.0.3", "grunt-cli": "^0.1.13", - "grunt-contrib-clean": "^0.5.0", + "grunt-contrib-clean": "^0.6.0", "grunt-contrib-compress": "^0.13.0", - "grunt-contrib-concat": "^0.4.0", - "grunt-contrib-copy": "^0.5.0", - "grunt-contrib-csslint": "^0.2.0", - "grunt-contrib-cssmin": "^0.6.2", + "grunt-contrib-concat": "^0.5.1", + "grunt-contrib-copy": "^0.8.0", + "grunt-contrib-csslint": "^0.4.0", + "grunt-contrib-cssmin": "^0.12.3", "grunt-contrib-watch": "^0.6.1", - "grunt-css-selectors": "^1.1.0", - "grunt-pure-grids": "^1.0.0", + "grunt-css-selectors": "^1.2.0", + "grunt-pure-grids": "^1.0.2", "grunt-stripmq": "0.0.6" }, "description": "Pure is a ridiculously tiny CSS library you can use to start any web project.", diff --git a/src/buttons/css/buttons-core.css b/src/buttons/css/buttons-core.css index f007c91b5..3b81183e2 100644 --- a/src/buttons/css/buttons-core.css +++ b/src/buttons/css/buttons-core.css @@ -8,12 +8,7 @@ text-align: center; cursor: pointer; -webkit-user-drag: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } diff --git a/src/buttons/css/buttons.css b/src/buttons/css/buttons.css index 92ed95238..fc50a601e 100644 --- a/src/buttons/css/buttons.css +++ b/src/buttons/css/buttons.css @@ -17,10 +17,6 @@ .pure-button:hover, .pure-button:focus { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10))); - background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10)); - background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10)); - background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10)); background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10)); } .pure-button:focus { diff --git a/src/forms/css/forms.css b/src/forms/css/forms.css index c65bd30e9..496226026 100644 --- a/src/forms/css/forms.css +++ b/src/forms/css/forms.css @@ -28,8 +28,6 @@ so we can ignore the csslint warning. box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; vertical-align: middle; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -43,8 +41,6 @@ since IE8 won't execute CSS that contains a CSS3 selector. border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } diff --git a/src/grids/css/grids-core.css b/src/grids/css/grids-core.css index 10294237e..7f028c4b2 100644 --- a/src/grids/css/grids-core.css +++ b/src/grids/css/grids-core.css @@ -40,7 +40,6 @@ /* Prevents distributing space between rows */ -ms-align-content: flex-start; - -webkit-align-content: flex-start; align-content: flex-start; } diff --git a/src/menus/css/menus-core.css b/src/menus/css/menus-core.css index bfdc418c5..0ba775495 100644 --- a/src/menus/css/menus-core.css +++ b/src/menus/css/menus-core.css @@ -1,7 +1,5 @@ /*csslint adjoining-classes: false, box-model:false*/ .pure-menu { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; }