Fela plugin that sorts pseudo classes according to LVH(F)A
npm install fela-plugin-lvha> 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
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.
sh
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.`javascript
import { createRenderer } from 'fela'
import LVHA from 'fela-plugin-lvha'const renderer = createRenderer({
plugins: [ LVHA() ]
})
`Example
#### Input
`javascript
{
width: '25px',
':hover': {
color: 'red'
},
':visited': {
color: 'gray'
}
':link': {
margin: 0
}
}
`
#### Output
`javascript
{
width: '25px',
':link': {
margin: 0
},
':visited': {
color: 'gray'
},
':hover': {
color: 'red'
}
}
``