css-modules/postcss-icss-composes

Name: postcss-icss-composes

Owner: css-modules

Description: A CSS Modules transform to extract export statements from local-scope classes

Created: 2015-05-27 04:13:09.0

Updated: 2018-04-04 09:03:48.0

Pushed: 2017-06-16 20:10:39.0

Homepage:

Size: 127

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

postcss-icss-composes

PostCSS plugin for css modules to compose local-scope classes

Usage

css([require('postcss-icss-composes')])

See PostCSS docs for examples for your environment.

Local class composition

composes and compose-with combines specified class name with rule class name.

tonStyle {
ckground: #fff;

tonStyle:hover {
x-shadow: 0 0 4px -2px;

lStyle {
rgin: 10px;

Button {
mposes: buttonStyle cellStyle;
lor: green;


ecomes */

ort {
ttonStyle: buttonStyle;
llStyle: cellStyle;
dButton: addButton buttonStyle cellStyle

tonStyle {
ckground: #fff;

tonStyle:hover {
x-shadow: 0 0 4px -2px;

lStyle {
rgin: 10px;

Button {
lor: green;

Global class composition

You may use any identifier for composition

Button {
mposes: globalButtonStyle;
ckground: #000;


ecomes */
ort {
dButton: addButton globalButtonStyle

Button {
ckground: #000;

Scoping class names

postcss-icss-selectors plugin allows to local-scope classes.

tonStyle {
ckground: #fff;

Button {
mposes: buttonStyle;
rder: 1px solid #000;


ecomes */

ort {
ttonStyle: __scope__buttonStyle;
dButton: __scope__addButton __scope__buttonStyle

cope__buttonStyle {
ckground: #fff;

cope__addButton {
rder: 1px solid #000;

External composition

ompositions.css */
ton {
ckground: #fff;
rder: 1px solid #000;

l {
rgin: 10px;


ain.css */
Button {
mposes: button cell from './composition.css';
nt-size: 20px;

Messages

postcss-icss-composes passes result.messages for each composed class name

ugin: 'postcss-icss-composes',
pe: 'icss-composed',
me: string, // rule class name
lue: string // composed class name

License

MIT © Glen Maddern and Bogdan Chadkin, 2015