Installations

npm install eslint-plugin-css-modules-amannn-fork

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>=4.0.0

Node Version

7.10.1

NPM Version

4.2.0 Pull Requests

Open

10

Total

51

Closed

25

Merged

16

Issues

Open

26

Total

51

Closed

25

Releases

2

v2.12.0

Updated on Oct 19, 2023

v2.11.4

Updated on Sep 19, 2023

View All 2 releases

Contributors

9

Unable to fetch Contributors

View All 9 Contributors

Languages

3

JavaScript

SCSS

Less

JavaScript (95.71%)

SCSS (4.1%)

Less (0.19%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

atfzl

Download Statistics

Total Downloads

1,895

Last Day

1

Last Week

5

Last Month

32

Last Year

137

GitHub Statistics

152 Stars

150 Commits

34 Forks

7 Watchers

9 Branches

9 Contributors

Updated on Feb 05, 2025

Maintainers

1

Package Meta Information

Latest Version

2.8.0-alpha.5

Package Id

eslint-plugin-css-modules-amannn-fork@2.8.0-alpha.5

Size

88.35 kB

NPM Version

4.2.0

Node Version

7.10.1

Total Downloads

Cumulative downloads

Total Downloads

1,895

Last Day

-50%

1

Compared to previous day

Last Week

-61.5%

5

Compared to previous week

Last Month

190.9%

32

Compared to previous month

Last Year

-11%

137

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

2

gonzales-pe lodash

Peer Dependencies

1

eslint

Dev Dependencies

20

eslint-plugin-css-modules

This plugin intends to help you in tracking down problems when you are using css-modules. It tells if you are using a non-existent css/scss/less class in js or if you forgot to use some classes which you declared in css/scss/less.

Rules

css-modules/no-unused-class: You must use all the classes defined in css/scss/less file.

If you still want to mark a class as used, then use this comment on top of your file

1/* eslint css-modules/no-unused-class: [2, { markAsUsed: ['container'] }] */

where container is the css class that you want to mark as used. Add all such classes in the array.

css-modules/no-undef-class: You must not use a non existing class.

Installation

npm i --save-dev eslint-plugin-css-modules

Usage:

.eslintrc

1{
2  "plugins": [
3    "css-modules"
4  ],
5  "extends": [
6    "plugin:css-modules/recommended"
7  ]
8}

Screen Shot

ScreenShot

   1:8   error  Unused classes found: container  css-modules/no-unused-class
   5:17  error  Class 'containr' not found       css-modules/no-undef-class
  10:26  error  Class 'foo' not found            css-modules/no-undef-class

scss:

1/* .head is global, will not be used in js */
2:global(.head) {
3  color: green;
4}
5
6.container {
7  width: 116px;
8
9  i {
10    font-size: 2.2rem;
11  }
12
13  .button {
14    padding: 7px 0 0 5px;
15  }
16}
17
18.footer {
19  color: cyan;
20}

No vulnerabilities found.

10

Binary-Artifacts

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

3

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

License

Determines if the project has defined a license.

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-02-10

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