composes / compose-with for global CSS class names

[danielweck]

The documentation gives this example ( https://github.com/css-modules/css-modules#composing-from-global-class-names ):

.otherClassName {
  composes: globalClassName from global;
}

...but the syntax supported by postcss-modules-scope is in fact:

.otherClassName {
  composes: global(globalClassName);
}

...as I discovered in the code:

postcss-modules-scope/src/index.js

Line 218 in fd4ffce

const global = /^global\(([^\)]+)\)$/.exec(className);

So, should this be documented somewhere?

Thanks for this piece of software though, keep up the good work! :)

[danielweck]

PS: I am using this handy "wrapper" https://github.com/sgtpep/csstag

[DiscreteBites]

Thanks for finding out! This has been bugging me for weeks. The documentation should really reflect this somewhere.

[alexander-akait]

Expected, because https://github.com/css-modules/postcss-modules-extract-imports/ converts globalClassName from global to global(globalClassName) for internal purposes