css-modules / postcss-icss-values

Pass arbitrary constants between your module files
MIT License
203 stars 18 forks source link

Does it work with jspm-loader-css? #52

Closed danturu closed 8 years ago

danturu commented 8 years ago

SystemJS fails with CssSyntaxError: ...colors.css:1:1: Unknown word.

css.js:

import { CSSLoader, Plugins } from 'jspm-loader-css';

import postcssModulesValues from 'postcss-modules-values';

const { fetch, bundle } = new CSSLoader([
  postcssModulesValues,
  Plugins.localByDefault,
  Plugins.extractImports,
  Plugins.scope,
  Plugins.autoprefixer(),
], __moduleName);

export { fetch, bundle };

colors.css:

@value primary: #0d7689;

.text-primary {
  color: primary;
}

component.css:

@value colors: "./colors.css";
@value primary from colors;

.text {
  color: primary;
}
danturu commented 8 years ago

I figured it out: Plugins.values