fela-beautifier

fela-beautifier

The beautifier enhancer is a developer tool that automatically formats the rendered CSS markup on every change. It uses cssbeautify to achieve this.

Installation

yarn add fela-beautifier

You may alternatively use npm i --save fela-beautifier.

Usage

import { createRenderer } from 'fela'
import beautifier from 'fela-beautifier'

const renderer = createRenderer({
  enhancers: [ beautifier() ]
})

Configuration

Options

Uses the same options as cssbeautify does.

Option	Value	Default	Description
ident	(string)	(2 spaces)	a string used for the indentation of the declaration
openbrace	end-of-line, separate-line	end-of-line	placement of open curly brace
autosemicolon	(boolean)	false	insert semicolon after the last rule

Example

import { createRenderer } from 'fela'
import beautifier from 'fela-beautifier'

const beautifyEnhancer = beautifier({
  openbrace: 'separate-line',
  autosemicolon: 'false',
  ident: '  ',
})

const renderer = createRenderer({
  enhancers: [ beautifyEnhancer ]
})

Example

License

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

Changelog

10.2.1

| Package | Changes | | --- | --- | | fela-plugin-rtl | (#673) Added the ability to pass a default direction in order to support full theme-based rtl transformation. | | react-fela | (#674) Performance optimisations for useFela. | | fela-bindings<br>react-fela<br>preact-fela<br>inferno-fela | (#675) Allowing undefined and null as valid values for style on FelaRenderer that used to throw. |