Fela-beautifier NPM | npm.io

12.2.1 • Published 3 years ago

Install

Weekly downloads

4,498

License

MIT

Repository

Last release

3 years ago

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

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

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.

fela fela-devtools fela-enhancer dx devtools cssinjs beautifier cssbeautify

cssbeautify fast-loops

bms-le-scanning-modules @everything-registry/sub-chunk-1657 klex-style-provider @withblocks/theme @versionone/components @zalastax/nolb-fel @haaretz/fela-utils @haaretz/react-utils @infinitebrahmanuniverse/nolb-fel react-stylebox frack-kit-universal dogstack cf-style-provider @klex-ui/klex-style-provider

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago