Resolves comma-separated multiple selectors into single separate object properties.
It also removes whitespace between selectors.

yarn add fela-plugin-multiple-selectors

You may alternatively use npm i --save fela-plugin-multiple-selectors.

Make sure to read the documentation on how to use plugins.

import { createRenderer } from 'fela'
import multipleSelectors from 'fela-plugin-multiple-selectors'

const renderer = createRenderer({
  plugins: [multipleSelectors()],
})

{
  color: 'blue',
  ':hover, :focus': {
    color: 'red'
  }
}

{
  color: 'blue',
  ':hover': {
    color: 'red'
  }
  ':focus': {
    color: 'red'
  }
}

Fela is licensed under the MIT License.
Documentation is licensed under Creative Commons License.
Created with ♥ by @robinweser and all the great contributors.