From 52ff6bdb143b1d60821942a344159d171678f65a Mon Sep 17 00:00:00 2001 From: leho Date: Sun, 27 Nov 2016 23:49:37 +0200 Subject: [PATCH 1/4] 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 35009968a..3d8b20f30 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 10294237e..d356dd5b3 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; } /* Opera as of 12 on Windows needs word-spacing. 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 ddb4e869c7765eda5adaec030b794b61ec7be25d Mon Sep 17 00:00:00 2001 From: leho Date: Tue, 9 Feb 2016 01:11:54 +0200 Subject: [PATCH 2/4] 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 645c50d69d1941f8b2adad9274f8fc1b9ad0a2a9 Mon Sep 17 00:00:00 2001 From: leho Date: Tue, 9 Feb 2016 02:23:47 +0200 Subject: [PATCH 3/4] Follow industry, drop bower [1] [1]: https://github.com/necolas/normalize.css/pull/455 --- Gruntfile.js | 21 +++------------------ bower.json | 9 --------- package.json | 4 ++-- 3 files changed, 5 insertions(+), 29 deletions(-) delete mode 100644 bower.json diff --git a/Gruntfile.js b/Gruntfile.js index d7d55fc43..f765d59ae 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -6,19 +6,6 @@ grunt.initConfig({ nick : 'pure', pkg : grunt.file.readJSON('package.json'), - bower: grunt.file.readJSON('bower.json'), - - // -- bower.json Config --------------------------------------------------------- - - bower_json: { - release: { - values: { - main: 'pure.css' - }, - - dest: 'build/' - } - }, // -- Clean Config --------------------------------------------------------- @@ -50,7 +37,7 @@ grunt.initConfig({ build: { files: [ {'build/base.css': [ - 'bower_components/normalize-css/normalize.css', + 'node_modules/normalize.css/normalize.css', 'build/base.css' ]}, @@ -168,7 +155,7 @@ grunt.initConfig({ options: { banner: [ '/*!', - 'normalize.css v<%= bower.devDependencies["normalize-css"] %> | MIT License | git.io/normalize', + 'normalize.css | MIT License | git.io/normalize', 'Copyright (c) Nicolas Gallagher and Jonathan Neal', '*/\n' ].join('\n') @@ -278,8 +265,7 @@ grunt.loadNpmTasks('grunt-stripmq'); // Local tasks. grunt.loadTasks('tasks/'); -grunt.registerTask('default', ['import', 'test', 'build']); -grunt.registerTask('import', ['bower_install']); +grunt.registerTask('default', ['test', 'build']); grunt.registerTask('test', ['csslint']); grunt.registerTask('build', [ 'clean:build', @@ -302,7 +288,6 @@ grunt.registerTask('release', [ 'default', 'clean:release', 'copy:release', - 'bower_json:release', 'compress:release' ]); diff --git a/bower.json b/bower.json deleted file mode 100644 index 752a9b300..000000000 --- a/bower.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "name": "pure", - "description": "Use Pure's ridiculously tiny CSS to start any web project.", - "version": "0.6.1-pre", - "main": "build/pure.css", - "devDependencies": { - "normalize-css": "^3.0" - } -} diff --git a/package.json b/package.json index 699452ca9..a63cbb554 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,6 @@ "files": "build/", "devDependencies": { "autoprefixer": "^6.3.1", - "bower": "^1.3.7", "grunt": "^1.0.1", "grunt-cli": "^1.2.0", "grunt-contrib-clean": "^1.0.0", @@ -25,7 +24,8 @@ "grunt-css-selectors": "^1.1.0", "grunt-postcss": "^0.7.1", "grunt-pure-grids": "^1.0.0", - "grunt-stripmq": "0.0.6" + "grunt-stripmq": "0.0.6", + "normalize.css": "^3.0" }, "description": "Pure is a ridiculously tiny CSS library you can use to start any web project.", "bugs": { From 7049f7d10090838979102457fc27754771725ed1 Mon Sep 17 00:00:00 2001 From: leho Date: Tue, 20 Sep 2016 17:56:47 +0300 Subject: [PATCH 4/4] normalize `.pure-table tfoot` with `text-align: left`, fixes #591 --- src/tables/css/tables.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/tables/css/tables.css b/src/tables/css/tables.css index fdd0e7898..c8635bdf9 100644 --- a/src/tables/css/tables.css +++ b/src/tables/css/tables.css @@ -30,6 +30,7 @@ there's a rowspan on the first cell. Case added to the tests. issue#432 */ border-left-width: 0; } +.pure-table tfoot, .pure-table thead { background-color: #e0e0e0; color: #000;