postcss-pseudo-class-enter
Advanced tools
postcss-pseudo-class-enter - npm Package Compare versions
Comparing version 0.2.0 to 0.2.1
@@ -0,12 +1,13 @@ | ||
| ## 0.2.1 (2015-06-16) | ||
| - Fixed: postcss-selector-parser is included as a dependency | ||
| ## 0.1.2 (2015-06-14) | ||
| Changed: | ||
| - Documentation | ||
| - Tests (using a more complicated selector) | ||
| - Changed: Documentation | ||
| - Changed: Tests (using a more complicated selector) | ||
| - Removed: JavaScript Comments | ||
| Removed: | ||
| - JavaScript Comments | ||
| ## 0.1.1 (2015-06-13) | ||
| Initial release | ||
| - Added: Initial release |
| { | ||
| "name": "postcss-pseudo-class-enter", | ||
| "version": "0.2.0", | ||
| "version": "0.2.1", | ||
| "description": "Use the proposed :enter pseudo-class in CSS", | ||
@@ -17,3 +17,4 @@ "keywords": ["postcss", "css", "postcss-plugin", "hover", "focus", "pseudo", "keyboard", "mouse", "touch", "pointer"], | ||
| "dependencies": { | ||
| "postcss": "^4.1.9" | ||
| "postcss": "^4.1.9", | ||
| "postcss-selector-parser": "^1.0.0" | ||
| }, | ||
@@ -24,4 +25,3 @@ "devDependencies": { | ||
| "gulp-eslint": "^0.12.0", | ||
| "gulp-mocha": "^2.0.1", | ||
| "postcss-selector-parser": "^1.0.0" | ||
| "gulp-mocha": "^2.0.1" | ||
| }, | ||
@@ -28,0 +28,0 @@ "scripts": { |
@@ -7,3 +7,3 @@ # PostCSS Pseudo-Class Enter [![Build Status][ci-img]][ci] | ||
| `:enter` simplifies selectors targeting elements that are designated, since the naming of `:hover` is misleading; it specifically means elements designated with a pointing device, rather than any device. | ||
| `:enter` simplifies selectors targeting elements that are designated, as the naming of `:hover` is somewhat misleading; it specifically means elements designated with a pointing device, rather than any device. | ||
@@ -86,18 +86,32 @@ ```css | ||
| Below are some other methods to recreate the effects of `:enter`. | ||
| #### Use @custom-selector (supported nowhere yet) | ||
| ```css | ||
| /* Using @custom-selector; supported nowhere yet */ | ||
| @custom-selector :--enter :focus, :hover; | ||
| :--enter { /* ... */ } | ||
| ``` | ||
| /* Using :matches; supported in Firefox 4+, Chrome 12+, Opera 15+, Safari 5.1+ */ | ||
| #### Use :matches (supported in Firefox 4+, Chrome 12+, Opera 15+, Safari 5.1+) | ||
| ```css | ||
| :matches(:focus, :hover) { /* ... */ } | ||
| ``` | ||
| /* Using :focus and :hover; supported everywhere */ | ||
| #### Use :focus and :hover (supported everywhere) | ||
| ```css | ||
| :focus, :hover { /* ... */ } | ||
| ``` | ||
| #### Use [Sass] mixins (requires preprocessing) | ||
| ```scss | ||
| @mixin -enter { &:focus, &:hover { @content; } } | ||
| @include -enter { /* ... */ } | ||
| ``` | ||
| [`:enter`]: http://discourse.specifiction.org/t/a-common-pseudo-class-for-hover-and-focus/877 | ||
@@ -112,1 +126,2 @@ [`:focus`]: http://dev.w3.org/csswg/selectors/#focus-pseudo | ||
| [proposal]: http://discourse.specifiction.org/t/a-common-pseudo-class-for-hover-and-focus/877 | ||
| [Sass]: http://sass-lang.com/ |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by5.5%
6903
- Dev dependency count
- decreased by-20%
4
- Number of lines in readme file
- increased by13.64%
125
Worsened metrics
- Dependency count
- increased by100%
2
Dependency changes
+ Addedflatten@1.0.3(transitive)
+ Addedindexes-of@1.0.1(transitive)
+ Addedpostcss-selector-parser@1.3.3(transitive)
+ Addeduniq@1.0.1(transitive)