fela-plugin-prefixer

fela-plugin-prefixer

Uses inline-style-prefixer/static to add vendor prefixes to both property and value.

Requires to use fela-plugin-fallback-value afterwards in order to resolve alternative prefix values which get returned as an array by default.

Installation

npm i --save fela-plugin-prefixer

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 FelaPluginPrefixer global.

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

Usage

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

import { createRenderer } from 'fela'
import prefixer from 'fela-plugin-prefixer'

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

Example

Input

{
  display: 'flex',
  appearance: 'none'
}

Output

{
  display: [ 'webkit-box', '-moz-box', '-ms-flexbox', '-webkit-flex', 'flex' ],
  WebkitAppearance: 'none',
  MozAppearance: 'none',
  appearance: 'none'
}

License

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