Gathering detailed insights and metrics for postcss-nested
Gathering detailed insights and metrics for postcss-nested
PostCSS plugin to unwrap nested rules like how Sass does it.
Installations
npm install postcss-nestedDeveloper Guide
BETA
Typescript
Yes
Module System
N/A
Min. Node Version
>=18.0
Node Version
22.4.1
NPM Version
10.8.1
Releases
4
Languages
1
JavaScript
JavaScript (100%)
Developer
postcss
Download Statistics
Total Downloads
1,360,872,836
Last Day
2,657,248
Last Week
15,345,389
Last Month
65,840,920
Last Year
566,390,190
GitHub Statistics
MIT License
1,183 Stars
262 Commits
66 Forks
13 Watchers
1 Branches
43 Contributors
Updated on May 09, 2025
Bundle Size
55.37 kB
Minified
14.19 kB
Minified + Gzipped
Sponsor this package
Maintainers
1
Package Meta Information
Latest Version
7.0.2
Package Id
postcss-nested@7.0.2
Unpacked Size
14.06 kB
Size
5.08 kB
File Count
5
NPM Version
10.8.1
Node Version
22.4.1
Published on
Nov 01, 2024
Total Downloads
Cumulative downloads
Total Downloads
1,360,872,836
Dependencies
1
Peer Dependencies
1
PostCSS Nested
PostCSS plugin to unwrap nested rules closer to Sass syntax.
1.phone { 2 &_title { 3 width: 500px; 4 @media (max-width: 500px) { 5 width: auto; 6 } 7 body.is_dark & { 8 color: white; 9 } 10 } 11 img { 12 display: block; 13 } 14} 15 16.title { 17 font-size: var(--font); 18 19 @at-root html { 20 --font: 16px; 21 } 22}
will be processed to:
1.phone_title { 2 width: 500px; 3} 4@media (max-width: 500px) { 5 .phone_title { 6 width: auto; 7 } 8} 9body.is_dark .phone_title { 10 color: white; 11} 12.phone img { 13 display: block; 14} 15 16.title { 17 font-size: var(--font); 18} 19html { 20 --font: 16px; 21}
Related plugins:
- Use
postcss-current-selectorafter this plugin if you want to use current selector in properties or variables values. - Use
postcss-nested-ancestorsbefore this plugin if you want to reference any ancestor element directly in your selectors with^&.
Alternatives:
- See also
postcss-nesting, which implements CSSWG draft. postcss-nested-propsfor nested properties likefont-size.
Docs
Read full docs here.
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
0 existing vulnerabilities detected
Reason
Found 3/25 approved changesets -- score normalized to 1
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/postcss/postcss-nested/release.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:39: update your workflow using https://app.stepsecurity.io/secureworkflow/postcss/postcss-nested/release.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/postcss/postcss-nested/test.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/postcss/postcss-nested/test.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/postcss/postcss-nested/test.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:40: update your workflow using https://app.stepsecurity.io/secureworkflow/postcss/postcss-nested/test.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/test.yml:42: update your workflow using https://app.stepsecurity.io/secureworkflow/postcss/postcss-nested/test.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:46: update your workflow using https://app.stepsecurity.io/secureworkflow/postcss/postcss-nested/test.yml/main?enable=pin
- Info: 0 out of 5 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 3 third-party GitHubAction dependencies pinned
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: topLevel 'contents' permission set to 'write': .github/workflows/release.yml:7
- Info: topLevel 'contents' permission set to 'read': .github/workflows/test.yml:8
- Info: no jobLevel write permissions found
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'main'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 8 are checked with a SAST tool
Score
3.5
/10
Last Scanned on 2025-04-28
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More