Big update!Announcing Socket for GitHub 1.0. Learn more
Socket
BlogLoveFAQ
Install
Log in

postcss-modules-values

Package Overview
Dependencies
1
Maintainers
4
Versions
18
Issues
File Explorer

Advanced tools

postcss-modules-values

PostCSS plugin for CSS Modules to pass arbitrary values between your module files

    4.0.0latest

Version published
Maintainers
4
Weekly downloads
16,907,886
decreased by-4.11%

Weekly downloads

Changelog

Source

4.0.0 - 2020-13-08

Fixes

  • compatibility with other plugins

Readme

Source

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.

Keywords

FAQs

What is postcss-modules-values?

PostCSS plugin for CSS Modules to pass arbitrary values between your module files

Is postcss-modules-values popular?

The npm package postcss-modules-values receives a total of 13,614,299 weekly downloads. As such, postcss-modules-values popularity was classified as popular.

Is postcss-modules-values well maintained?

We found that postcss-modules-values demonstrated a not healthy version release cadence and project activity because the last version was released a year ago.It has 4 open source maintainers collaborating on the project.

Last updated on 13 Oct 2020
Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc