fela-preset-web

fela-preset-web

A Fela plugin preset for web applications.
It contains everything you need to start building cross-browser compatible apps.

Contains (exact order)

• fela-plugin-extend
• fela-plugin-embedded
• fela-plugin-prefixer
• fela-plugin-fallback-value
• fela-plugin-unit

Installation

yarn add fela-preset-web

You may alternatively use npm i --save fela-preset-web.

Usage

Simply use the spread operator to add the preset.

import { createRenderer } from 'fela'
import webPreset from 'fela-preset-web'

const renderer = createRenderer({
  plugins: [
    ...webPreset,
    // other plugins
  ]
})

Configuration

Some plugins also accept some configuration options. We can use the createWebPreset factory and pass the options using the plugin name as a key.

import { createRenderer } from 'fela'
import { createWebPreset } from 'fela-preset-web'

const renderer = createRenderer({
  plugins: [
    ...createWebPreset({
      'unit': [
        'em',
        {
          margin: '%'
        }
      ]
    })
  ]
})

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.0

| Package | Changes | | --- | --- | | fela<br>fela-dom | (#780) Added keyframes rehydration and improved the initial keyframe rendering performance | | fela-utils | (#782) We now support null and undefined strings within url() values due to Base64 | | fela | (#779) Fixed an issue when using combineRules with empty rules | | react-fela | (#776) Added ThemeContext to the TypeScript definitions |