fela-plugin-fallback-value

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

npm i --save fela-plugin-fallback-value

Assuming you are using npm as your package manager you can just npm install.
Otherwise we also provide a UMD. You can easily use it via unpkg. It registers a FelaPluginFallbackValue global.

<!-- Fela (Development): Unminified version including all warnings -->
<script src="https://unpkg.com/fela-plugin-fallback-value@4.1.0/dist/fela-plugin-fallback-value.js"></script>
<!-- Fela (Production): Minified version -->
<script src="https://unpkg.com/fela-plugin-fallback-value@4.1.0/dist/fela-plugin-fallback-value.min.js"></script>

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: [ 'rgba(0, 0, 0, 0.5)', '#ccc']
}

Output

{
  color: 'rgba(0, 0, 0, 0.5);color:#ccc'
}

which is similar to the following CSS code:

{
	color: rgba(0, 0, 0, 0.5);
	color: #ccc
}

License

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