npmpackage.info

Gathering detailed insights and metrics for postcss-modules-values

postcss-modules-values

Pass arbitrary constants between your module files

4.0.0

ISC

JavaScript

4,141,489,095 1.7

Installations

npm install postcss-modules-values

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

Developer

css-modules

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

^10 || ^12 || >= 14

Typescript Support

No

Node Version

10.15.2

NPM Version

6.14.8 Statistics

38 Stars

89 Commits

6 Forks

6 Watching

13 Branches

19 Contributors

Updated on 27 Jun 2024

Languages

JavaScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

4,141,489,095

Last day

-3.2%

3,526,052

Compared to previous day

Last week

2.4%

18,395,149

Compared to previous week

Last month

12.4%

76,884,795

Compared to previous month

Last year

-9.4%

870,283,037

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

CSS Modules: Values

Pass arbitrary values between your module files

Usage

1/* colors.css */
2@value primary: #BF4040;
3@value secondary: #1F4F7F;
4
5.text-primary {
6  color: primary;
7}
8
9.text-secondary {
10  color: secondary;
11}

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

1/* my-component.css */
2/* alias paths for other values or composition */
3@value colors: "./colors.css";
4/* import multiple from a single file */
5@value primary, secondary from colors;
6/* make local aliases to imported values */
7@value small as bp-small, large as bp-large from "./breakpoints.css";
8/* value as selector name */
9@value selectorValue: secondary-color;
10
11.selectorValue {
12  color: secondary;
13}
14
15.header {
16  composes: text-primary from colors;
17  box-shadow: 0 0 10px secondary;
18}
19
20@media bp-small {
21  .header {
22    box-shadow: 0 0 4px secondary;
23  }
24}
25@media bp-large {
26  .header {
27    box-shadow: 0 0 20px secondary;
28  }
29}

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.

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

License

ISC

With thanks

Mark Dalgleish
Tobias Koppers
Josh Johnston

Glen Maddern, 2015.

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

Maintained

Determines if the project is "actively maintained".

0

Code-Review

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

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 2024-11-25

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 postcss-modules-values

Other packages similar to postcss-modules-values

postcss-modules-values

Installations

Pull Requests

12

32

3

17

Issues

2

10

8

Releases

Developer

css-modules

Developer Guide

CommonJS

^10 || ^12 || >= 14

No

10.15.2

6.14.8

Statistics

Languages

Total Downloads

4,141,489,095

Daily Downloads

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