Package Exports

postcss-expand-selectors
postcss-expand-selectors/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (postcss-expand-selectors) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

PostCSS Expand Selectors

PostCSS plugin to expand comma separated selectors into individual rules.

SCSS source

a {
  e: f;
}

b,
c {
  g: h;
}

d {
  i: j;
}

Compile the SCSS files with these options: { sourceComments: true, outputStyle: 'expanded' }

CSS before

a {
  e: f;
}

/* line 4, style.css */
b,
c {
  g: h;
}

d {
  i: j;
}

Usage

postcss([ require('postcss-expand-selectors') ])

CSS after

a {
  e: f;
}

/* line 4, style.css */
b {
  g: h;
}

/* line 4, style.css */
c {
  g: h;
}

d {
  i: j;
}

When to use this plugin

If there are no comma separated selectors in a rule then you can get a more accurate CSS coverage report from Google Chrome with Puppeteer.

So use this plugin only when you prepare your application for CSS coverage generation with Google Chrome, but do not use this plugin when you create production release.