postcss-modules-values
PostCSS plugin for CSS Modules to pass arbitrary values between your module files
Last updated 8 days ago by evilebottnawi .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install postcss-modules-values 
SYNC missed versions from official npm registry.

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.

Current Tags

  • 4.0.0                                ...           latest (8 days ago)
  • 4.0.0-rc.4                                ...           next (13 days ago)

18 Versions

  • 4.0.0                                ...           8 days ago
  • 4.0.0-rc.5                                ...           10 days ago
  • 4.0.0-rc.4                                ...           13 days ago
  • 4.0.0-rc.3                                ...           13 days ago
  • 4.0.0-rc.2                                ...           a month ago
  • 4.0.0-rc.1                                ...           a month ago
  • 4.0.0-rc.0                                ...           a month ago
  • 3.0.0                                ...           a year ago
  • 2.0.0                                ...           2 years ago
  • 1.3.0                                ...           3 years ago
  • 1.2.2                                ...           4 years ago
  • 1.2.1                                ...           4 years ago
  • 1.2.0                                ...           4 years ago
  • 1.1.3                                ...           4 years ago
  • 1.1.2                                ...           5 years ago
  • 1.1.1                                ...           5 years ago
  • 1.1.0                                ...           5 years ago
  • 1.0.0                                ...           5 years ago
Maintainers (2)
Downloads
Today 912
This Week 111,863
This Month 436,405
Last Day 37,648
Last Week 197,734
Last Month 881,630
Dependencies (1)
Dev Dependencies (8)
Dependents (148)

Copyright 2014 - 2016 © taobao.org |