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

Changelog

11.1.1 / 11.1.2

| Package | Changes | | --- | --- | | react-fela<br>preact-fela<br>infero-fela<br>reason-fela<br>fela-bindings | (#765) Fixed some regressions with missing exports concerning renderToNodeList |