fela-beautifier

> Deprecated: This package is deprecated since we no longer render CSS to textContent in devMode but use insertRule all the way. It will be removed with the next major version release.

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

Installation

``sh
yarn add fela-beautifier
`

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

Usage

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

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

$3

##### 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

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

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

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

Example

!Preview

License

Fela is licensed under the MIT License.

Documentation is licensed under Creative Commons License.

Created with ♥ by @robinweser and all the great contributors.