The stylelint-config-recommended package is a shareable configuration for Stylelint, a popular CSS linter. It provides a set of recommended rules to help you enforce consistent and error-free CSS code. This package includes a basic set of rules that catch common errors and enforce best practices.

What are stylelint-config-recommended's main functionalities?

Basic Configuration

This feature allows you to extend the recommended configuration in your Stylelint configuration file. By doing so, you inherit a set of predefined rules that help maintain code quality and consistency.

{
  "extends": "stylelint-config-recommended"
}

Catching Syntax Errors

This feature includes rules that catch common syntax errors such as empty blocks and invalid hex colors. These rules help prevent mistakes that could lead to broken or inconsistent styles.

{
  "rules": {
    "block-no-empty": true,
    "color-no-invalid-hex": true
  }
}

Enforcing Best Practices

This feature enforces best practices by including rules that prevent duplicate properties and font family names. These rules help ensure that your CSS is clean and maintainable.

{
  "rules": {
    "declaration-block-no-duplicate-properties": true,
    "font-family-no-duplicate-names": true
  }
}

Other packages similar to stylelint-config-recommended

Readme

Source

stylelint-config-recommended

The recommended shareable config for stylelint.

It turns on all the possible errors rules within stylelint.

Use it as is or as a foundation for your own config.

Installation

npm install stylelint-config-recommended --save-dev

Usage

If you've installed stylelint-config-recommended locally within your project, just set your stylelint config to:

{
  "extends": "stylelint-config-recommended"
}

If you've globally installed stylelint-config-recommended using the -g flag, then you'll need to use the absolute path to stylelint-config-recommended in your config e.g.

{
  "extends": "/absolute/path/to/stylelint-config-recommended"
}

Extending the config

Simply add a "rules" key to your config, then add your overrides and additions there.

For example, to turn off the block-no-empty rule, change the property-no-unknown rule to use its ignoreAtRules option and add the unit-whitelist rule:

{
  "extends": "stylelint-config-recommended",
  "rules": {
    "block-no-empty": "tab",
    "property-no-unknown": [ true, {
      "ignoreProperties": [
        "composes"
      ]
    }],
    "unit-whitelist": ["em", "rem", "s"]
  }
}

Changelog

License

Keywords

FAQs

What is stylelint-config-recommended?

Is stylelint-config-recommended well maintained?

Package last updated on 01 Jul 2017

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install