From 7c63e1185bec499b994da281ef54918b9131929e Mon Sep 17 00:00:00 2001 From: leho Date: Sun, 27 Nov 2016 23:49:37 +0200 Subject: [PATCH 1/3] Remove manual vendor prefixes --- src/buttons/css/buttons-core.css | 5 ----- src/buttons/css/buttons.css | 4 ---- src/forms/css/forms.css | 4 ---- src/grids/css/grids-core.css | 20 ++++---------------- src/menus/css/menus-core.css | 2 -- 5 files changed, 4 insertions(+), 31 deletions(-) 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 a30886269..046980aef 100644 --- a/src/buttons/css/buttons.css +++ b/src/buttons/css/buttons.css @@ -19,10 +19,6 @@ /* csslint ignore:start */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0); /* csslint ignore:end */ - 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 370d35033..336bdeb7d 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 971856616..25075bf47 100644 --- a/src/grids/css/grids-core.css +++ b/src/grids/css/grids-core.css @@ -24,24 +24,12 @@ */ font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; - /* - Use flexbox when possible to avoid `letter-spacing` side-effects. - - NOTE: Firefox (as of 25) does not currently support flex-wrap, so the - `-moz-` prefix version is omitted. - */ - - display: -webkit-flex; - -webkit-flex-flow: row wrap; + /* Use flexbox when possible to avoid `letter-spacing` side-effects. */ + display: flex; + flex-flow: row wrap; - /* IE10 uses display: flexbox */ - display: -ms-flexbox; - -ms-flex-flow: row wrap; - /* Prevents distributing space between rows */ - -ms-align-content: flex-start; - -webkit-align-content: flex-start; - align-content: flex-start; + align-content: flex-start; } /* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside a table; fall back to block and rely on font hack */ 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; } From 9f52d653cb168cc49b5bb60ed5aca7f073ea8e76 Mon Sep 17 00:00:00 2001 From: leho Date: Tue, 9 Feb 2016 01:11:54 +0200 Subject: [PATCH 2/3] Implement autoprefixer via grunt-postcss --- Gruntfile.js | 15 +++++++++++++++ package.json | 2 ++ 2 files changed, 17 insertions(+) diff --git a/Gruntfile.js b/Gruntfile.js index 6a2d049ff..d7d55fc43 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -104,6 +104,19 @@ grunt.initConfig({ } }, + // -- PostCSS Config -------------------------------------------------------- + + postcss: { + options: { + processors: [ + require('autoprefixer')({browsers: ['last 2 versions', 'ie >= 8', 'iOS >= 6', 'Android >= 4']}) + ] + }, + dist: { + src: 'build/*.css' + } + }, + // -- CSSLint Config ------------------------------------------------------- csslint: { @@ -258,6 +271,7 @@ grunt.loadNpmTasks('grunt-contrib-cssmin'); grunt.loadNpmTasks('grunt-contrib-compress'); grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-css-selectors'); +grunt.loadNpmTasks('grunt-postcss'); grunt.loadNpmTasks('grunt-pure-grids'); grunt.loadNpmTasks('grunt-stripmq'); @@ -275,6 +289,7 @@ grunt.registerTask('build', [ 'concat:build', 'clean:build_res', 'css_selectors:base', + 'postcss', 'cssmin', 'license' ]); diff --git a/package.json b/package.json index ae04f547a..699452ca9 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,7 @@ }, "files": "build/", "devDependencies": { + "autoprefixer": "^6.3.1", "bower": "^1.3.7", "grunt": "^1.0.1", "grunt-cli": "^1.2.0", @@ -22,6 +23,7 @@ "grunt-contrib-cssmin": "^1.0.2", "grunt-contrib-watch": "^1.0.0", "grunt-css-selectors": "^1.1.0", + "grunt-postcss": "^0.7.1", "grunt-pure-grids": "^1.0.0", "grunt-stripmq": "0.0.6" }, From c2b9045fd032a8e21011b4ac9dd40bab9fa69746 Mon Sep 17 00:00:00 2001 From: sbertal Date: Sun, 11 Dec 2016 06:14:17 -0800 Subject: [PATCH 3/3] remove additional prefixes --- src/buttons/css/buttons.css | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/src/buttons/css/buttons.css b/src/buttons/css/buttons.css index 046980aef..430294a0a 100644 --- a/src/buttons/css/buttons.css +++ b/src/buttons/css/buttons.css @@ -17,7 +17,7 @@ .pure-button:hover, .pure-button:focus { /* csslint ignore:start */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0); + filter: alpha(opacity=90); /* csslint ignore:end */ background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10)); } @@ -38,11 +38,8 @@ border: none; background-image: none; /* csslint ignore:start */ - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=40); /* csslint ignore:end */ - -khtml-opacity: 0.40; - -moz-opacity: 0.40; opacity: 0.40; cursor: not-allowed; box-shadow: none;