postcss-will-change - npm Package Compare versions

Comparing version 0.2.0 to 1.0.0

index.js

@@ -5,3 +5,3 @@ var postcss = require('postcss');
     return function (css) {
-        css.eachDecl('will-change', function (decl) {
+        css.walkDecls('will-change', function (decl) {
             decl.cloneBefore({ prop: 'backface-visibility', value: 'hidden' });
@@ -8,0 +8,0 @@ });

package.json

 {
-    "name": "postcss-will-change",
-    "version": "0.2.0",
-    "description": "PostCSS plugin to insert 3D hack before will-change property",
-    "keywords": ["postcss", "css", "postcss-plugin", "will-change", "fallback"],
-    "author": "Andrey Sitnik <[e-mail]>",
-    "license": "MIT",
-    "repository": {
-        "type": "git",
-        "url":  "https://github.com/postcss/postcss-will-change.git"
-    },
-    "dependencies": {
-        "postcss": "^4.1.8"
-    },
-    "devDependencies": {
-        "gulp-eslint": "0.11.1",
-        "gulp-mocha":  "2.0.1",
-        "mocha":       "2.2.4",
-        "chai":        "2.3.0",
-        "gulp":        "3.8.11"
-    },
-    "scripts": {
-        "test": "gulp"
-    }
+  "name": "postcss-will-change",
+  "version": "1.0.0",
+  "description": "PostCSS plugin to insert 3D hack before will-change property",
+  "keywords": [
+    "postcss",
+    "css",
+    "postcss-plugin",
+    "will-change",
+    "fallback"
+  ],
+  "author": "Andrey Sitnik <[e-mail]>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url":  "https://github.com/postcss/postcss-will-change.git"
+  },
+  "dependencies": {
+    "postcss": "^5.0.2"
+  },
+  "devDependencies": {
+    "gulp-eslint": "1.0.0",
+    "gulp-mocha":  "2.1.3",
+    "mocha":       "2.2.5",
+    "chai":        "3.2.0",
+    "gulp":        "3.9.0"
+  },
+  "scripts": {
+    "test": "gulp"
+  }
 }

README.md

@@ -7,7 +7,10 @@ # PostCSS Will Change [![Build Status][ci-img]][ci]
 
-[PostCSS] plugin to insert 3D hack before will-change property.
+[PostCSS] plugin to insert 3D hack before [will-change] property.
 
-This plugin uses `backface-visibility` to has prevent overriding
-more popular `transform` property.
+This plugin uses `backface-visibility` to force the browser to create a new layer.
+This is commonly done with `transform: translateZ(0)` and `transform: translate3d(0, 0, 0)`.
+`backface-visibility` is used here to avoid overriding the more popular transform property.
 
+These hacks are required for browsers that do not support `will-change`.
+
 Use this plugin only before [Autoprefixer]. It will add vendor prefixes
@@ -17,2 +20,3 @@ to `backface-visibility`.
 [Autoprefixer]: https://github.com/postcss/autoprefixer
+[will-change]:  https://dev.opera.com/articles/css-will-change-property/
 [PostCSS]:      https://github.com/postcss/postcss
@@ -19,0 +23,0 @@ [ci-img]:       https://travis-ci.org/postcss/postcss-will-change.svg

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

8425

122.41%

Number of low quality alerts

1

-50%

Number of lines in readme file

44

10%

Dependency changes

• + Added

  ansi-regex@2.1.1
  (transitive)

• + Added

  ansi-styles@2.2.1
  (transitive)

• + Added

  chalk@1.1.3
  (transitive)

• + Added

  escape-string-regexp@1.0.5
  (transitive)

• + Added

  has-ansi@2.0.0
  (transitive)

• + Added

  has-flag@1.0.0
  (transitive)

• + Added

  js-base64@2.6.4
  (transitive)

• + Added

  postcss@5.2.18
  (transitive)

• + Added

  source-map@0.5.7
  (transitive)

• + Added

  strip-ansi@3.0.1
  (transitive)

• + Added

  supports-color@2.0.03.2.3
  (transitive)

• - Removed

  amdefine@1.0.1
  (transitive)

• - Removed

  es6-promise@2.3.0
  (transitive)

• - Removed

  js-base64@2.1.9
  (transitive)

• - Removed

  postcss@4.1.16
  (transitive)

• - Removed

  source-map@0.4.4
  (transitive)

• Updated

  postcss@^5.0.2