fela-plugin-fallback-value
v12.2.1
Published
Fela plugin to resolve fallback values
Downloads
155,005
Readme
fela-plugin-fallback-value
Sometimes you want to provide alternative values also know as fallback values.
For example in Internet Explorer 8 there is no rgba
compatibility for colors which means just passing e.g. color: rgba(0, 0, 0, 0.5)
would not be applied correctly.
By passing an array of values you can provide fallback values.
Installation
yarn add fela-plugin-fallback-value
You may alternatively use npm i --save fela-plugin-fallback-value
.
Usage
Make sure to read the documentation on how to use plugins.
import { createRenderer } from 'fela'
import fallbackValue from 'fela-plugin-fallback-value'
const renderer = createRenderer({
plugins: [fallbackValue()],
})
Example
Input
{
color: ['#ccc', 'rgba(0, 0, 0, 0.5)']
}
Output
{
color: '#ccc;rgba(0, 0, 0, 0.5);'
}
which is similar to the following CSS code:
{
color: #ccc;
color: rgba(0, 0, 0, 0.5);
}
License
Fela is licensed under the MIT License. Documentation is licensed under Creative Commons License. Created with ♥ by @robinweser and all the great contributors.