7.0.0

Author: jonathantneal

.appveyor.yml

@@ -2,7 +2,7 @@
 
 environment:
   matrix:
-    - nodejs_version: 4.0
+    - nodejs_version: 6.0
 
 version: "{build}"
 build: off

.rollup.js

@@ -9,7 +9,7 @@ export default {
 	plugins: [
 		babel({
 			presets: [
-				['env', { modules: false, targets: { node: 6 } }]
+				['@babel/env', { modules: false, targets: { node: 6 } }]
 			]
 		})
 	]

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changes to PostCSS Normalize
 
+### 7.0.0 (August 24, 2018)
+
+- Use normalize.css v9.0.1 (major)
+
 ### 6.0.0 (June 16, 2018)
 
 - Use normalize.css v8 (major)

INSTALL.md

@@ -2,7 +2,7 @@
 
 [PostCSS Normalize] runs in all Node environments, with special instructions for:
 
-| [Node](#node) | [Webpack](#webpack) | [Create React App](#create-react-app) | [Gulp](#gulp) | [Grunt](#grunt) |
+| [Node](#node) | [PostCSS CLI](#postcss-cli) | [Webpack](#webpack) | [Create React App](#create-react-app) | [Gulp](#gulp) | [Grunt](#grunt) |
 | --- | --- | --- | --- | --- |
 
 ## Node
@@ -16,22 +16,43 @@ npm install postcss-normalize --save-dev
 Use [PostCSS Normalize] to process your CSS:
 
 ```js
-import postcssNormalize from 'postcss-normalize';
+const postcssNormalize = require('postcss-normalize');
 
 postcssNormalize.process(YOUR_CSS /*, processOptions, pluginOptions */);
 ```
 
 Or use it as a [PostCSS] plugin:
 
 ```js
-import postcss from 'postcss';
-import postcssNormalize from 'postcss-normalize';
+const postcss = require('postcss');
+const postcssNormalize = require('postcss-normalize');
 
 postcss([
   postcssNormalize(/* pluginOptions */)
 ]).process(YOUR_CSS /*, processOptions */);
 ```
 
+## PostCSS CLI
+
+Add [PostCSS CLI] to your project:
+
+```bash
+npm install postcss-cli --save-dev
+```
+
+Use [PostCSS Logical Properties and Values] in your `postcss.config.js`
+configuration file:
+
+```js
+const postcssNormalize = require('postcss-logical');
+
+module.exports = {
+  plugins: [
+    postcssNormalize(/* pluginOptions */)
+  ]
+}
+```
+
 ## Webpack
 
 Add [PostCSS Loader] to your project:
@@ -43,7 +64,7 @@ npm install postcss-loader --save-dev
 Use [PostCSS Normalize] in your Webpack configuration:
 
 ```js
-import postcssNormalize from 'postcss-normalize';
+const postcssNormalize = require('postcss-normalize');
 
 module.exports = {
   module: {
@@ -78,8 +99,8 @@ Use [React App Rewire PostCSS] and [PostCSS Normalize] in your
 `config-overrides.js` file:
 
 ```js
-import reactAppRewirePostcss from 'react-app-rewire-postcss';
-import postcssNormalize from 'postcss-normalize';
+const reactAppRewirePostcss = require('react-app-rewire-postcss');
+const postcssNormalize = require('postcss-normalize');
 
 export default config => reactAppRewirePostcss(config, {
   plugins: () => [
@@ -99,8 +120,8 @@ npm install gulp-postcss --save-dev
 Use [PostCSS Normalize] in your Gulpfile:
 
 ```js
-import postcss from 'gulp-postcss';
-import postcssNormalize from 'postcss-normalize';
+const postcss = require('gulp-postcss');
+const postcssNormalize = require('postcss-normalize');
 
 gulp.task('css', () => gulp.src('./src/*.css').pipe(
   postcss([
@@ -122,7 +143,7 @@ npm install grunt-postcss --save-dev
 Use [PostCSS Normalize] in your Gruntfile:
 
 ```js
-import postcssNormalize from 'postcss-normalize';
+const postcssNormalize = require('postcss-normalize');
 
 grunt.loadNpmTasks('grunt-postcss');
 

README.md

@@ -91,7 +91,7 @@ postcss([
 
 [PostCSS Normalize] runs in all Node environments, with special instructions for:
 
-| [Node](INSTALL.md#node) | [Webpack](INSTALL.md#webpack) | [Create React App](INSTALL.md#create-react-app) | [Gulp](INSTALL.md#gulp) | [Grunt](INSTALL.md#grunt) |
+| [Node](INSTALL.md#node) | [PostCSS CLI](INSTALL.md#postcss-cli) | [Webpack](INSTALL.md#webpack) | [Create React App](INSTALL.md#create-react-app) | [Gulp](INSTALL.md#gulp) | [Grunt](INSTALL.md#grunt) |
 | --- | --- | --- | --- | --- |
 
 ## Options

package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-normalize",
-  "version": "6.0.0",
+  "version": "7.0.0",
   "description": "Use the parts of normalize.css you need from your browserslist",
   "author": "Jonathan Neal <jonathantneal@hotmail.com>",
   "license": "CC0-1.0",
@@ -24,21 +24,21 @@
     "node": ">=6.0.0"
   },
   "dependencies": {
-    "@csstools/normalize.css": "^8.0.0",
-    "browserslist": "^3.2.8",
-    "postcss": "^6.0.22",
+    "@csstools/normalize.css": "^9.0.1",
+    "browserslist": "^4.1.0",
+    "postcss": "^7.0.2",
     "postcss-browser-comments": "^1.0.0"
   },
   "devDependencies": {
-    "babel-core": "^6.26.3",
-    "babel-eslint": "^8.2.3",
-    "babel-preset-env": "^1.7.0",
-    "eslint": "^4.19.1",
+    "@babel/core": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "babel-eslint": "^9.0.0",
+    "eslint": "^5.5.0",
     "eslint-config-dev": "^2.0.0",
     "postcss-tape": "^2.2.0",
     "pre-commit": "^1.2.2",
-    "rollup": "^0.60.7",
-    "rollup-plugin-babel": "^3.0.4"
+    "rollup": "^0.65.0",
+    "rollup-plugin-babel": "^4.0.1"
   },
   "eslintConfig": {
     "extends": "dev",

test/basic.expect.css

@@ -1,4 +1,4 @@
-/*! normalize.css v8.0.0 | MIT License | github.com/csstools/normalize.css */
+/*! normalize.css v9.0.1 | MIT License | github.com/csstools/normalize.css */
 
 /* Document
  * ========================================================================== */
@@ -116,14 +116,12 @@ svg:not(:root) {
  * ========================================================================== */
 
 /**
- * Remove the margin in Firefox and Safari.
+ * Remove the margin in Safari.
  */
 
 button,
 input,
-optgroup,
-select,
-textarea {
+select {
   margin: 0;
 }
 
@@ -148,26 +146,6 @@ button,
   -webkit-appearance: button;
 }
 
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule in Firefox.
- */
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
 /**
  * Correct the padding in Firefox.
  */
@@ -187,16 +165,13 @@ input {
 /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- *    `fieldset` elements in all browsers.
  */
 
 legend {
   box-sizing: border-box; /* 1 */
   color: inherit; /* 2 */
   display: table; /* 1 */
   max-width: 100%; /* 1 */
-  padding: 0; /* 3 */
   white-space: normal; /* 1 */
 }
 
@@ -219,15 +194,27 @@ select {
 }
 
 /**
- * Remove the default vertical scrollbar in IE.
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
  */
 
 textarea {
-  overflow: auto;
+  margin: 0; /* 1 */
+  overflow: auto; /* 2 */
 }
 
 /**
- * Correct the cursor style of increment and decrement buttons in Chrome.
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
  */
 
 ::-webkit-inner-spin-button,
@@ -236,13 +223,12 @@ textarea {
 }
 
 /**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
  */
 
-[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
+::-webkit-input-placeholder {
+  color: inherit;
+  opacity: 0.54;
 }
 
 /**
@@ -263,6 +249,23 @@ textarea {
   font: inherit; /* 2 */
 }
 
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
 /* Interactive
  * ========================================================================== */