fela-plugin-fallback-value

Fela plugin to resolve fallback values

Usage no npm install needed!

<script type="module">
  import felaPluginFallbackValue from 'https://cdn.skypack.dev/fela-plugin-fallback-value';
</script>

README

fela-plugin-fallback-value

npm version npm downloads Bundlephobia

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.