npmpackage.info

NPM registry records approximately 1.5 to 2 billion package downloads per day.

postcss-modules-values

Pass arbitrary constants between your module files

4.0.0

ISC

JavaScript

1.37 kB

3,949,458,341

1.7

Installations

npm install postcss-modules-values

Score

96.5

Supply Chain Risk

92.8

Quality

80.9

Maintenance

100

Vulnerability

Pull Requests

Open

12

Total

32

Closed

3

Merged

17

Issues

Open

2

Total

10

Closed

8

Releases

v4.0.0

Published on 13 Oct 2020

v4.0.0-rc.5

Published on 11 Oct 2020

v4.0.0-rc.4

Published on 08 Oct 2020

v4.0.0-rc.3

Published on 08 Oct 2020

v4.0.0-rc.2

Published on 22 Sept 2020

v4.0.0-rc.1

Published on 22 Sept 2020

View all 9 releases

Contributors

View all 19 contributors

Developer

css-modules

Statistics

38 Stars

89 Commits

6 Forks

6 Watching

13 Branches

19 Contributors

Updated on 27 Jun 2024

Bundle Size

3.10 kB

Minified

1.37 kB

Minified + Gzipped

Bundlephobia

Languages

JavaScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

3,949,458,341

Last day

27.6%

3,208,885

Compared to previous day

Last week

4.4%

16,989,854

Compared to previous week

Last month

-2.3%

68,084,071

Compared to previous month

Last year

-10.1%

871,817,432

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

CSS Modules: Values

Pass arbitrary values between your module files

Usage

/* colors.css */
@value primary: #BF4040;
@value secondary: #1F4F7F;

.text-primary {
  color: primary;
}

.text-secondary {
  color: secondary;
}

/* breakpoints.css */
@value small: (max-width: 599px);
@value medium: (min-width: 600px) and (max-width: 959px);
@value large: (min-width: 960px);

/* my-component.css */
/* alias paths for other values or composition */
@value colors: "./colors.css";
/* import multiple from a single file */
@value primary, secondary from colors;
/* make local aliases to imported values */
@value small as bp-small, large as bp-large from "./breakpoints.css";
/* value as selector name */
@value selectorValue: secondary-color;

.selectorValue {
  color: secondary;
}

.header {
  composes: text-primary from colors;
  box-shadow: 0 0 10px secondary;
}

@media bp-small {
  .header {
    box-shadow: 0 0 4px secondary;
  }
}
@media bp-large {
  .header {
    box-shadow: 0 0 20px secondary;
  }
}

If you are using Sass along with this PostCSS plugin, do not use the colon : in your @value definitions. It will cause Sass to crash.

Note also you can import multiple values at once but can only define one value per line.

@value a: b, c: d; /* defines a as "b, c: d" */

License

ISC

With thanks

Mark Dalgleish
Tobias Koppers
Josh Johnston

Glen Maddern, 2015.

10

License

Determines if the project has defined a license.

10

Binary-Artifacts

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

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

Branch-Protection

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

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

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 2024-09-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

postcss-modules-values

Installations

Score

Pull Requests

12

32

3

17

Issues

2

10

8

Releases

Contributors

Developer

css-modules

Statistics

Bundle Size

3.10 kB

1.37 kB

Languages

Total Downloads

3,949,458,341

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

CSS Modules: Values

Usage

License

With thanks

10

10

0

0

0

0

0

0

0

0

1.7

/10

Other packages similar to postcss-modules-values