Unibeautify
  • Install
  • Docs
  • Assistant
  • Playground
  • GitHub

›Beautifiers

About

  • What is Unibeautify
  • Unibeautify CI
  • Credits

Usage

  • Getting Started
  • Command-Line Interface (CLI)
  • Configuration File
  • Language Options
  • Beautifier Options
  • Supported Languages
  • Editor Integration

Contributing

  • Examples

Integrations

  • GitHub
  • GitLab
  • Bitbucket

Beautifiers

  • Black
  • Brittany
  • ClangFormat
  • CSScomb
  • ESLint
  • Gofmt
  • JS-Beautify
  • PHP-CS-Fixer
  • PHP_CodeSniffer
  • Prettier
  • Pretty Diff
  • sqlformat
  • stylelint
  • TSLint
  • YAPF
Edit

stylelint Beautifier

npm downloads GitHub Stars GitHub Issues

Edit stylelint Beautifier

About

stylelint beautifier for Unibeautify

PackageDocsLatest
@unibeautify/beautifier-stylelintv0.0.1npm
stylelintv13.3.3npm
unibeautifyv0.17.1npm

Install

Install with npm:

npm install --save-dev stylelint unibeautify @unibeautify/beautifier-stylelint

Or with yarn:

yarn add --dev stylelint unibeautify @unibeautify/beautifier-stylelint

Usage

Add stylelint to beautifiers language option. A .unibeautifyrc.json file would look like the following:

{
  "LANGUAGE_NAME": {
    "beautifiers": [
      "stylelint"
    ]
  }
}

Note: The LANGUAGE_NAME should be replaced with your desired supported language name, such as CSS, Less, SCSS, etc.

Advanced

The following beautifier option(s) are supported:

  • prefer_beautifier_config

See beautifier options docs for more information.

Example advanced configuration:

{
  "LANGUAGE_NAME": {
    "beautifiers": [
      "stylelint"
    ],
    "stylelint": {
      "prefer_beautifier_config": true
    }
  }
}

Options

OptionCSSLessSCSSSassSugarSS
End With Newline✅✅✅✅✅
Indent Size✅✅✅✅✅
Indent Style✅✅✅✅✅
Quotes✅✅✅✅✅
Remove Trailing Whitespace✅✅✅✅✅
Wrap Line Length✅✅✅✅✅

FAQ

How to use stylelint in Atom, VSCode, and other editors?

See the editor integration documentation for installation instructions for your editor of choice.

How to use stylelint configuration file?

You can override Unibeautify configuration and use stylelint's own configuration file instead with prefer_beautifier_config beautifier option.

{
  "LANGUAGE_NAME": {
    "beautifiers": [
      "stylelint"
    ],
    "stylelint": {
      "prefer_beautifier_config": "path/to/stylelint/config/file"
    }
  }
}

See beautifier options docs for more information.

How to enable stylelint to format on save?

See the editor integration documentation for format on save instructions for your editor of choice.

How to run stylelint on all files?

You can run stylelint on all of your files for every commit with Unibeautify CI.

Is there a stylelint sandbox or playground?

You can quickly try stylelint online with Unibeautify Playground.

← sqlformatTSLint →
  • About
  • Install
  • Usage
    • Advanced
  • Options
  • FAQ
    • How to use stylelint in Atom, VSCode, and other editors?
    • How to use stylelint configuration file?
    • How to enable stylelint to format on save?
    • How to run stylelint on all files?
    • Is there a stylelint sandbox or playground?
Unibeautify
Docs
Getting StartedCLIConfigurationOptions
Community
User ShowcaseStack Overflow@Unibeautify on TwitterFollow Unibeautify on Twitter
More
GitHubStar Unibeautify on GitHubCode coverage of UnibeautifyCode coverage of Unibeautify
© 2020 Glavin Wiechert
Credits