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

yarn add fela-plugin-prefixer

You may alternatively use npm i --save fela-plugin-prefixer.

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 @robinweser and all the great contributors.

Changelog

11.3.1

| Package | Changes | | --- | --- | | fela | (#795) Removes the warning when fonts are rendered with a query string attached | | react-fela<br>preact-fela<br>jest-react-fela | (#792) Added typings for fe and createSnapshot<br>(#796) Added typings for rehydrate and targetDocument props on <Provider> |