diff --git a/Gruntfile.coffee b/Gruntfile.coffee index db678d8e4fd..ac6863ab847 100644 --- a/Gruntfile.coffee +++ b/Gruntfile.coffee @@ -145,7 +145,7 @@ module.exports = (grunt) -> "INTERNAL: Compiles Sass and copies third party CSS to the dist folder" [ "sass" - "autoprefixer" + "postcss" "csslint:unmin" "usebanner:css" ] @@ -662,18 +662,22 @@ module.exports = (grunt) -> ext: ".css" ] - autoprefixer: + postcss: # Only vendor prefixing and no IE8 modern: options: - browsers: [ - "last 2 versions" - "android >= 2.3" - "bb >= 7" - "ff >= 17" - "ie > 8" - "ios 5" - "opera 12.1" + processors: [ + require("autoprefixer")( + browsers: [ + "last 2 versions" + "android >= 2.3" + "bb >= 7" + "ff >= 17" + "ie > 8" + "ios 5" + "opera 12.1" + ] + ) ] files: [ { @@ -700,14 +704,18 @@ module.exports = (grunt) -> # Needs both IE8 and vendor prefixing mixed: options: - browsers: [ - "last 2 versions" - "android >= 2.3" - "bb >= 7" - "ff >= 17" - "ie >= 8" - "ios 5" - "opera 12.1" + processors: [ + require("autoprefixer")( + browsers: [ + "last 2 versions" + "android >= 2.3" + "bb >= 7" + "ff >= 17" + "ie >= 8" + "ios 5" + "opera 12.1" + ] + ) ] files: [ cwd: "<%= coreDist %>/css/polyfills" diff --git a/package-lock.json b/package-lock.json index 7dab59942df..2ba06f7a7a6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -283,16 +283,18 @@ "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=", "dev": true }, - "autoprefixer-core": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/autoprefixer-core/-/autoprefixer-core-5.2.1.tgz", - "integrity": "sha1-5kDEFK5Bmq4hwa1DyOoPPbgqVm0=", + "autoprefixer": { + "version": "8.2.0", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-8.2.0.tgz", + "integrity": "sha512-xBVQpGAcSNNS1PBnEfT+F9VF8ZJeoKZ121I3OVQ0n1F0SqVuj4oLI6yFeEviPV8Z/GjoqBRXcYis0oSS8zjNEg==", "dev": true, "requires": { - "browserslist": "0.4.0", - "caniuse-db": "1.0.30000727", + "browserslist": "3.2.4", + "caniuse-lite": "1.0.30000823", + "normalize-range": "0.1.2", "num2fraction": "1.2.2", - "postcss": "4.1.16" + "postcss": "6.0.21", + "postcss-value-parser": "3.3.0" } }, "aws-sign2": { @@ -519,12 +521,13 @@ } }, "browserslist": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-0.4.0.tgz", - "integrity": "sha1-O9SrkZncG5FQ1NbbpNnTqrvIbdQ=", + "version": "3.2.4", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-3.2.4.tgz", + "integrity": "sha512-Dwe62y/fNAcMfknzGJnkh7feISrrN0SmRvMFozb+Y2+qg7rfTIH5MS8yHzaIXcEWl8fPeIcdhZNQi1Lux+7dlg==", "dev": true, "requires": { - "caniuse-db": "1.0.30000727" + "caniuse-lite": "1.0.30000823", + "electron-to-chromium": "1.3.42" } }, "buffer-crc32": { @@ -594,10 +597,10 @@ } } }, - "caniuse-db": { - "version": "1.0.30000727", - "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30000727.tgz", - "integrity": "sha1-TiJZMImw81wbKtz8KCNEk6IaSy4=", + "caniuse-lite": { + "version": "1.0.30000823", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000823.tgz", + "integrity": "sha512-3rrhqUxwBgrwNlWVUEwIJfqdZNwLPX18eTo7MGXb3gueDpbOFW6w5OXyHscdBd6IJcu9wnKmKVd7nSl+r7fmgw==", "dev": true }, "caseless": { @@ -820,6 +823,21 @@ "integrity": "sha1-Y1XTLPGwTN/2tITl5xF4Ky8MOb4=", "dev": true }, + "color-convert": { + "version": "1.9.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.1.tgz", + "integrity": "sha512-mjGanIiwQJskCC18rPR6OmrZ6fm2Lc7PeGFYwCmy5J34wC6F1PzdGL6xeMfmgicfYcNLGuVFA3WzXtIDCQSZxQ==", + "dev": true, + "requires": { + "color-name": "1.1.3" + } + }, + "color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", + "dev": true + }, "colors": { "version": "0.6.2", "resolved": "https://registry.npmjs.org/colors/-/colors-0.6.2.tgz", @@ -1489,9 +1507,9 @@ "dev": true }, "diff": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/diff/-/diff-1.3.2.tgz", - "integrity": "sha1-/Qeh8fiRUZ2ZBaTJqJ3PWnC2YDc=", + "version": "3.5.0", + "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz", + "integrity": "sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==", "dev": true }, "doctrine": { @@ -1589,6 +1607,12 @@ "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=", "dev": true }, + "electron-to-chromium": { + "version": "1.3.42", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.42.tgz", + "integrity": "sha1-lcM78B0MxAVVauyJn+Yf1NduoPk=", + "dev": true + }, "encodeurl": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.1.tgz", @@ -1656,12 +1680,6 @@ "event-emitter": "0.3.5" } }, - "es6-promise": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-2.3.0.tgz", - "integrity": "sha1-lu258v2wGZWCKyY92KratnSBgbw=", - "dev": true - }, "es6-set": { "version": "0.1.5", "resolved": "https://registry.npmjs.org/es6-set/-/es6-set-0.1.5.tgz", @@ -2808,64 +2826,6 @@ } } }, - "grunt-autoprefixer": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/grunt-autoprefixer/-/grunt-autoprefixer-3.0.4.tgz", - "integrity": "sha1-/kLiR7z6ucKSoSwGLa1PNb3pAsU=", - "dev": true, - "requires": { - "autoprefixer-core": "5.2.1", - "chalk": "1.0.0", - "diff": "1.3.2", - "postcss": "4.1.16" - }, - "dependencies": { - "ansi-regex": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-1.1.1.tgz", - "integrity": "sha1-QchHGUZGN15qGl0Qw8oFTvn8mA0=", - "dev": true - }, - "chalk": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.0.0.tgz", - "integrity": "sha1-s89O0P9Tl8mcdbj2edsvUoMfltw=", - "dev": true, - "requires": { - "ansi-styles": "2.2.1", - "escape-string-regexp": "1.0.5", - "has-ansi": "1.0.3", - "strip-ansi": "2.0.1", - "supports-color": "1.3.1" - } - }, - "has-ansi": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-1.0.3.tgz", - "integrity": "sha1-wLWxYV2eOCsP9nFp2We0JeSMpTg=", - "dev": true, - "requires": { - "ansi-regex": "1.1.1", - "get-stdin": "4.0.1" - } - }, - "strip-ansi": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-2.0.1.tgz", - "integrity": "sha1-32LBqpTtLxFOHQ8h/R1QSCt5pg4=", - "dev": true, - "requires": { - "ansi-regex": "1.1.1" - } - }, - "supports-color": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-1.3.1.tgz", - "integrity": "sha1-FXWN8J2P87SswwdTn6vicJXhBC0=", - "dev": true - } - } - }, "grunt-banner": { "version": "0.3.1", "resolved": "https://registry.npmjs.org/grunt-banner/-/grunt-banner-0.3.1.tgz", @@ -3818,6 +3778,48 @@ } } }, + "grunt-postcss": { + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/grunt-postcss/-/grunt-postcss-0.9.0.tgz", + "integrity": "sha512-lglLcVaoOIqH0sFv7RqwUKkEFGQwnlqyAKbatxZderwZGV1nDyKHN7gZS9LUiTx1t5GOvRBx0BEalHMyVwFAIA==", + "dev": true, + "requires": { + "chalk": "2.3.2", + "diff": "3.5.0", + "postcss": "6.0.21" + }, + "dependencies": { + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "requires": { + "color-convert": "1.9.1" + } + }, + "chalk": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.3.2.tgz", + "integrity": "sha512-ZM4j2/ld/YZDc3Ma8PgN7gyAk+kHMMMyzLNryCPGhWrsfAuDVeuid5bpRFTDgMH9JBK2lA4dyyAkkZYF/WcqDQ==", + "dev": true, + "requires": { + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.3.0" + } + }, + "supports-color": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.3.0.tgz", + "integrity": "sha512-0aP01LLIskjKs3lq52EC0aGBAJhLq7B2Rd8HC/DR/PtNNpcLilNmHC12O+hu0usQpo7wtHNRqtrhBwtDb0+dNg==", + "dev": true, + "requires": { + "has-flag": "3.0.0" + } + } + } + }, "grunt-sass": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/grunt-sass/-/grunt-sass-2.1.0.tgz", @@ -5031,6 +5033,12 @@ "integrity": "sha1-ZxRKUmDDT8PMpnfQQdr1L+e3iy8=", "dev": true }, + "has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", + "dev": true + }, "has-unicode": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", @@ -6776,6 +6784,12 @@ } } }, + "normalize-range": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", + "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=", + "dev": true + }, "npmlog": { "version": "4.1.2", "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz", @@ -7125,16 +7139,59 @@ } }, "postcss": { - "version": "4.1.16", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-4.1.16.tgz", - "integrity": "sha1-TESbTIr53zyvbTf44eV10DYXWNw=", + "version": "6.0.21", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.21.tgz", + "integrity": "sha512-y/bKfbQz2Nn/QBC08bwvYUxEFOVGfPIUOTsJ2CK5inzlXW9SdYR1x4pEsG9blRAF/PX+wRNdOah+gx/hv4q7dw==", "dev": true, "requires": { - "es6-promise": "2.3.0", - "js-base64": "2.1.9", - "source-map": "0.4.4" + "chalk": "2.3.2", + "source-map": "0.6.1", + "supports-color": "5.3.0" + }, + "dependencies": { + "ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "requires": { + "color-convert": "1.9.1" + } + }, + "chalk": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.3.2.tgz", + "integrity": "sha512-ZM4j2/ld/YZDc3Ma8PgN7gyAk+kHMMMyzLNryCPGhWrsfAuDVeuid5bpRFTDgMH9JBK2lA4dyyAkkZYF/WcqDQ==", + "dev": true, + "requires": { + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.3.0" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", + "dev": true + }, + "supports-color": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.3.0.tgz", + "integrity": "sha512-0aP01LLIskjKs3lq52EC0aGBAJhLq7B2Rd8HC/DR/PtNNpcLilNmHC12O+hu0usQpo7wtHNRqtrhBwtDb0+dNg==", + "dev": true, + "requires": { + "has-flag": "3.0.0" + } + } } }, + "postcss-value-parser": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.0.tgz", + "integrity": "sha1-h/OPnxj3dKSrTIojL1xc6IcqnRU=", + "dev": true + }, "prelude-ls": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz", diff --git a/package.json b/package.json index b449c639d90..50edd10c94b 100644 --- a/package.json +++ b/package.json @@ -47,11 +47,11 @@ }, "devDependencies": { "assemble-contrib-i18n": "0.1.*", + "autoprefixer": "^8.2.0", "eslint-config-jquery": "^1.0.0", "expect.js": "^0.3.1", "grunt": "~0.4.5", "grunt-assemble": "~0.6.3", - "grunt-autoprefixer": "^3.0.3", "grunt-banner": "^0.3.1", "grunt-bootlint": "^0.9.1", "grunt-check-dependencies": "~0.6.0", @@ -71,6 +71,7 @@ "grunt-i18n-csv": "^0.1.0", "grunt-imagine": "^0.3.6", "grunt-mocha": "~0.4.12", + "grunt-postcss": "^0.9.0", "grunt-sass": "^2.1.0", "grunt-sass-lint": "^0.2.0", "grunt-saucelabs": "^9.0.0",