@fela-next/fela-plugin-friendly-pseudo-class v12.0.3

fela-plugin-friendly-pseudo-class

Writing CSS pseudo classes within a plain JavaScript object sadly is sometimes painful as the default syntax is not really JavaScript-friendly.

This plugins provides support for JavaScript-friendly pseudo class syntax with an on-prefix. e.g.

Installation

yarn add fela-plugin-friendly-pseudo-class

You may alternatively use npm i --save fela-plugin-friendly-pseudo-class.

Usage

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

import { createRenderer } from '@fela-next/fela'
import friendlyPseudoClass from '@fela-next/fela-plugin-friendly-pseudo-class'

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

Example

Input

{
  onHover: {
    color: 'red'
  }
}

Output

{
  ':hover': {
    color: 'red'
  }
}

License

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