Deprecated!The LVHA plugin (fela-plugin-lvha) is deprecated, please remove it from your Fela configuration. It is obsolete as sorting is now handled by the renderer itself. See https://github.com/rofrischmann/fela/pull/573

fela-plugin-lvha

LVHA (sometimes known as LVHFA) stands for Link Visited Hover (Focus) Active which are actually describe pseudo classes. Within CSS their order is relevant which means we always need to sort them correctly. This plugin does include the :focus pseudo class as well.

Installation

yarn add fela-plugin-lvha

You may alternatively use npm i --save fela-plugin-lvha.

Usage

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

import { createRenderer } from 'fela'
import LVHA from 'fela-plugin-lvha'

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

Example

Input

{
  width: '25px',
  ':hover': {
    color: 'red'
  },
  ':visited': {
    color: 'gray'
  }
  ':link': {
    margin: 0
  }
}

Output

{
  width: '25px',
  ':link': {
    margin: 0
  },
  ':visited': {
    color: 'gray'
  },
  ':hover': {
    color: 'red'
  }
}

License

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