stylelint-config-twbs-bootstrap

To use this configuration, extend it in your Stylelint configuration file (e.g., .stylelintrc.json). The config provides a single unified configuration that covers both CSS and SCSS; it automatically applies SCSS-specific rules to files with the .scss extension.

{
  "extends": "stylelint-config-twbs-bootstrap"
}

Install the configuration package as a development dependency using npm or yarn.

npm install stylelint-config-twbs-bootstrap --save-dev
# Or with yarn:
yarn add stylelint-config-twbs-bootstrap --dev

To use the Bootstrap-specific Stylelint rules, add stylelint-config-twbs-bootstrap to the extends array in your .stylelintrc (or equivalent) configuration file. This configuration provides a base set of rules optimized for Bootstrap development, including standard linting, property ordering via stylelint-config-recess-order, and stylistic rules via @stylistic/stylelint-config.

{
  "extends": ["stylelint-config-twbs-bootstrap"]
}

When linting .scss files, the configuration automatically applies an override that extends stylelint-config-standard-scss and stylelint-config-recess-order.

Specific SCSS rules include:

• scss/at-mixin-argumentless-call-parentheses: Set to always.
• scss/dimension-no-non-numeric-values: Set to true.
• scss/dollar-variable-colon-space-after: Set to at-least-one-space.
• scss/selector-no-redundant-nesting-selector: Set to true.
• scss/at-function-named-arguments: Set to never.

Note: scss/no-global-function-names is disabled (null) to maintain compatibility with node-sass which does not support the @use syntax.