npmpackage.info

Gathering detailed insights and metrics for css-scoped

Other packages similar to css-scoped

eslint-plugin-vue-scoped-css

2.10.0

ESLint plugin for Scoped CSS in Vue.js

scoped-css-loader

1.0.0

CSS encapsulation solution for React

craco-plugin-scoped-css

1.1.1

This is a craco plugin that adds scoped css support to create-react-app version >= 2 (this package is part of [react scoped css solution](https://github.com/gaoxiaoliangz/react-scoped-css))

rollup-plugin-jsx-scoped-css

0.0.8

jsx scoped css

Gathering detailed insights and metrics for css-scoped

css-scoped - 1.0.0 | npmpackage.info

css-scoped

Preprocessing function to scope css

1.0.0

MIT

JavaScript

459.00 B

1.7

Installations

npm install css-scoped

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

8.10.0

NPM Version

5.7.1 Score

71.8

Supply Chain

84.7

Quality

74.9

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

3

Total

4

Closed

0

Merged

1

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

JavaScript

JavaScript (100%)

Developer

secreter

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

7 Stars

19 Commits

1 Watchers

4 Branches

1 Contributors

Updated on Dec 09, 2024

Bundle Size

841.00 B

Minified

459.00 B

Minified + Gzipped

Bundlephobia

Maintainers

View All 1 Contributors

Package Meta Information

Latest Version

1.0.0

Package Id

css-scoped@1.0.0

Unpacked Size

12.74 kB

Size

3.69 kB

File Count

NPM Version

5.7.1

Node Version

8.10.0

Total Downloads

Cumulative downloads

Total Downloads

NaN

Dev Dependencies

chai coveralls istanbul mocha

css-scoped

Packagist npm npm

Limit the css scope by adding a uniform parent selector name to the selector, which is useful in componentized development and rendering.

Installation

1npm i css-scoped -S

Usage

1const scope = require('css-scoped')
2const scopedCss=scope(css,'parent')

Examples

1const scope = require('css-scoped')
2const css=`
3h1, h2, h3, h4, h5, h6 {
4    font-size: 14px;
5}
6a{
7    color: #000;
8}
9.list-img-flex .job .job-mes span:not(:last-child):after {
10    margin: 0 5px;
11    position: relative;
12}
13@media (min-width: 1500px) and (orientation: landscape){
14    .header ~ .title{
15        color:#666;
16    }
17}
18`
19const scopedCss=scope(css,'handsome')
20console.log(scopedCss)

output

1.handsome h1,.handsome h2,.handsome h3,.handsome h4,.handsome h5,.handsome h6 { font-size: 14px; }
2.handsome a { color: #000; }
3.handsome .list-img-flex .job .job-mes span:not(:last-child):after { margin: 0 5px; position: relative; }
4@media (min-width: 1500px) and (orientation: landscape) { .handsome .header ~ .title { color:#666; } }

License

MIT

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2025-06-02

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

Other packages similar to css-scoped

Other packages similar to css-scoped

css-scoped

Installations

Developer Guide

No

CommonJS

8.10.0

5.7.1

Score

Pull Requests

3

4

0

1

Issues

0

0

0

Releases

Unable to fetch releases

Languages

Developer

secreter

Download Statistics

GitHub Statistics

Bundle Size

841.00 B

459.00 B

Maintainers

Package Meta Information

Total Downloads

NaN

Dev Dependencies

css-scoped

Installation

Usage

Examples

License

10

10

0

0

0

0

0

0

0

0

1.7

/10

Weekly Downloads

Monthly Downloads

Yearly Downloads