stylelint-config-team23-standard

Standard CSS linting config for TEAM23

Extends stylelint-config-standard, which is the default error checking plus a lot of style checking rules. The style checking rules are disabled by also extending stylelint-config-prettier.

Our custom ruleset is defined in the index.js.

⚠️ Important Notice: Migration to Monorepo ⚠️

🚨 This package has been moved to a monorepo! 🚨

As of 04.06.2025, the project has been migrated to a monorepo structure. You can now find the project at the following location:

🔗 Monorepo Path: https://github.com/team23/style-guide/tree/main/libs/css

This move allows us to better manage shared code and collaborate efficiently. Please make sure to update your references to the new monorepo structure.

If you encounter any issues or have questions, please open an issue in the new monorepo repository.

See also

For linting SCSS there is stylelint-config-team23-scss which extends these rules with rules for SCSS.

Installation

npm:

# latest version
npm install --save-dev @team23/stylelint-config-team23-standard

# specific version
npm install --save-dev @team23/[email protected]

Usage

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

{
    "extends": "@team23/stylelint-config-team23-standard"
}

If you use a version prior to v1.0.3, use

{
    "extends": "stylelint-config-team23-standard"
}

instead.

Extending the config

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

For example, to change the selector-max-id rule to allow one id selector in rules (default is: no id selectors allowed):

{
    "extends": "@team23/stylelint-config-team23-standard",
    "rules": {
        "selector-max-id": 1
    }
}

Proposing rule changes

For proposing changes to the ruleset please open either

• a merge request
• a ticket

Changelog

License