Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/thibaudcolas/stylelint-config-cookbook

Shareable stylelint config for CSS and SCSS, with a strict baseline
https://github.com/thibaudcolas/stylelint-config-cookbook

accessibility styleguide stylelint stylelint-config

Last synced: 3 months ago
JSON representation

Shareable stylelint config for CSS and SCSS, with a strict baseline

Awesome Lists containing this project

README 

        
# @thibaudcolas/stylelint-config-cookbook [](https://stylelint.io)



[![npm](https://img.shields.io/npm/v/@thibaudcolas/stylelint-config-cookbook.svg)](https://www.npmjs.com/package/@thibaudcolas/stylelint-config-cookbook) [![Build status](https://github.com/thibaudcolas/stylelint-config-cookbook/workflows/CI/badge.svg)](https://github.com/thibaudcolas/stylelint-config-cookbook/actions)



> Shareable stylelint config for CSS and SCSS, with a strict baseline



## Usage



Install stylelint and the config:



```sh

npm install --save-dev stylelint @thibaudcolas/stylelint-config-cookbook

```



Then [configure stylelint to use this config](https://stylelint.io/user-guide/configuration/#extends). As a `stylelint.config.js` in the root of your project:



```js

module.exports = {

  // https://github.com/thibaudcolas/stylelint-config-cookbook

  extends: "@thibaudcolas/stylelint-config-cookbook",

};

```



### Tips



- Use Stylelint’s [`--report-needless-disables`](https://stylelint.io/user-guide/node-api/#reportneedlessdisables) flag to ensure you do not use more `stylelint-disable` comments than needed.



### Related tools



To get the most out of this config, it is assumed that projects have the following tools set up:



- [Prettier](https://prettier.io/) for automated formatting of stylesheets.

- [Browserslist](https://github.com/browserslist/browserslist) for the definition of target browsers (along with [autoprefixer](https://github.com/postcss/autoprefixer) and [@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env)).



## Conventions



The overarching principle behind this config is to make it simpler to maintain stylesheets in large-scale projects. This means:



- Support for large-scale CSS architectures like [ITCSS](https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/).

- Mandatory reusable values (via variables and functions) for properties that impact the overall consistency of the UI, e.g. colors and attributes of fonts.

- A low maximum specificity, to prevent abuse of the CSS cascade (or altogether discourage usage of styles overrides beyond single components).

- Blanket ban of CSS/SCSS features that make it harder to maintain stylesheets – id selectors (never), element selectors (max 1), nested properties, etc).



## Rules



### Cookbook config



- [`color-named`](https://stylelint.io/user-guide/rules/color-named/): `never`

- [`declaration-block-no-shorthand-property-overrides`](https://stylelint.io/user-guide/rules/declaration-block-no-shorthand-property-overrides/)

- [`shorthand-property-no-redundant-values`](https://stylelint.io/user-guide/rules/shorthand-property-no-redundant-values/)

- [`declaration-no-important`](https://stylelint.io/user-guide/rules/declaration-no-important/)

- [`selector-max-id`](https://stylelint.io/user-guide/rules/selector-max-id/): `0`

- [`selector-max-type`](https://stylelint.io/user-guide/rules/selector-max-type/): `1`

- [`selector-no-qualifying-type`](https://stylelint.io/user-guide/rules/selector-no-qualifying-type/)

- [`max-nesting-depth`](https://stylelint.io/user-guide/rules/max-nesting-depth/): `3`

- [`selector-max-specificity`](https://stylelint.io/user-guide/rules/selector-max-specificity/): `0,3,0`

- [`value-no-vendor-prefix`](https://stylelint.io/user-guide/rules/value-no-vendor-prefix/)

- [`function-calc-no-invalid`](https://stylelint.io/user-guide/rules/function-calc-no-invalid/)

- [`property-no-vendor-prefix`](https://stylelint.io/user-guide/rules/property-no-vendor-prefix/)

- [`selector-no-vendor-prefix`](https://stylelint.io/user-guide/rules/selector-no-vendor-prefix/)

- [`media-feature-name-no-vendor-prefix`](https://stylelint.io/user-guide/rules/media-feature-name-no-vendor-prefix/)

- [`at-rule-no-vendor-prefix`](https://stylelint.io/user-guide/rules/at-rule-no-vendor-prefix/)

- [`scss/at-rule-no-unknown`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/declaration-nested-properties`](https://github.com/kristerkari/stylelint-scss#readme): `never`

- [`scss/selector-no-redundant-nesting-selector`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/percent-placeholder-pattern`](https://github.com/kristerkari/stylelint-scss#readme): `^do-not-use-placeholders$`

- [`scss/at-function-named-arguments`](https://github.com/kristerkari/stylelint-scss#readme): `always`

- [`scss/at-mixin-named-arguments`](https://github.com/kristerkari/stylelint-scss#readme): `always`

- [`scss/dollar-variable-no-missing-interpolation`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-mixin-argumentless-call-parentheses`](https://github.com/kristerkari/stylelint-scss#readme): `always`

- [`scss/media-feature-value-dollar-variable`](https://github.com/kristerkari/stylelint-scss#readme): `always`

- [`scss/no-duplicate-dollar-variables`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/no-duplicate-mixins`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/map-keys-quotes`](https://github.com/kristerkari/stylelint-scss#readme): `always`

- [`scss/function-unquote-no-unquoted-strings-inside`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/function-quote-no-quoted-strings-inside`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/dimension-no-non-numeric-values`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/comment-no-loud`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-import-partial-extension`](https://github.com/kristerkari/stylelint-scss#readme): `never`

- [`scss/at-if-no-null`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-each-key-value-single-line`](https://github.com/kristerkari/stylelint-scss#readme)

- [`plugin/declaration-block-no-ignored-properties`](https://github.com/kristerkari/stylelint-declaration-block-no-ignored-properties#readme)

- [`scale-unlimited/declaration-strict-value`](https://github.com/AndyOGo/stylelint-declaration-strict-value#readme): `/color/, z-index, font-size, font-family, ignoreKeywords: currentColor, inherit, transparent, initial`

- [`plugin/no-unsupported-browser-features`](https://github.com/ismay/stylelint-no-unsupported-browser-features#readme): `true, ignore: user-select-none, css3-cursors, viewport-units, outline, css-appearance`

- [`a11y/content-property-no-static-value`](undefined)

- [`a11y/font-size-is-readable`](undefined)

- [`a11y/media-prefers-reduced-motion`](undefined)

- [`a11y/no-obsolete-attribute`](undefined)

- [`a11y/no-obsolete-element`](undefined)

- [`a11y/no-text-align-justify`](undefined)

- [`order/order`](https://github.com/hudochenkov/stylelint-order): `dollar-variables, custom-properties, type: at-rule, hasBlock: false, declarations, rules, type: at-rule, hasBlock: true`

- [`order/properties-order`](https://github.com/hudochenkov/stylelint-order): `groupName: All, properties: all, groupName: Position, properties: position, top, right, bottom, left, z-index, groupName: Display mode, properties: box-sizing, display, groupName: Flexbox, properties: flex, flex-basis, flex-direction, flex-flow, flex-grow, flex-shrink, flex-wrap, groupName: Grid, properties: grid, grid-area, grid-template, grid-template-areas, grid-template-rows, grid-template-columns, grid-row, grid-row-start, grid-row-end, grid-column, grid-column-start, grid-column-end, grid-auto-rows, grid-auto-columns, grid-auto-flow, grid-gap, grid-row-gap, grid-column-gap, groupName: Align, properties: align-content, align-items, align-self, groupName: Justify, properties: justify-content, justify-items, justify-self, groupName: Order, properties: order, groupName: Box model, properties: float, width, min-width, max-width, height, min-height, max-height, padding, padding-top, padding-right, padding-bottom, padding-left, margin, margin-top, margin-right, margin-bottom, margin-left, overflow, overflow-x, overflow-y, -webkit-overflow-scrolling, -ms-overflow-x, -ms-overflow-y, -ms-overflow-style, clip, clear, groupName: Typography, properties: font, font-family, font-size, font-style, font-weight, font-variant, font-size-adjust, font-stretch, font-effect, font-emphasize, font-emphasize-position, font-emphasize-style, -webkit-font-smoothing, -moz-osx-font-smoothing, font-smooth, hyphens, line-height, color, text-align, text-align-last, text-emphasis, text-emphasis-color, text-emphasis-style, text-emphasis-position, text-decoration, text-indent, text-justify, text-outline, -ms-text-overflow, text-overflow, text-overflow-ellipsis, text-overflow-mode, text-shadow, text-transform, text-wrap, -webkit-text-size-adjust, -ms-text-size-adjust, letter-spacing, word-break, word-spacing, word-wrap, overflow-wrap, tab-size, white-space, vertical-align, list-style, list-style-position, list-style-type, list-style-image, groupName: Accessibility & Interactions, properties: pointer-events, -ms-touch-action, touch-action, cursor, visibility, zoom, table-layout, empty-cells, caption-side, border-spacing, border-collapse, content, quotes, counter-reset, counter-increment, resize, user-select, nav-index, nav-up, nav-right, nav-down, nav-left, groupName: Background & Borders, properties: background, background-color, background-image, -ms-filter: \\'progid: DXImageTransform.Microsoft.gradient, filter: progid: DXImageTransform.Microsoft.gradient, filter: progid: DXImageTransform.Microsoft.AlphaImageLoader, filter, background-repeat, background-attachment, background-position, background-position-x, background-position-y, background-clip, background-origin, background-size, background-blend-mode, isolation, border, border-color, border-style, border-width, border-top, border-top-color, border-top-style, border-top-width, border-right, border-right-color, border-right-style, border-right-width, border-bottom, border-bottom-color, border-bottom-style, border-bottom-width, border-left, border-left-color, border-left-style, border-left-width, border-radius, border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius, border-image, border-image-source, border-image-slice, border-image-width, border-image-outset, border-image-repeat, outline, outline-width, outline-style, outline-color, outline-offset, box-shadow, mix-blend-mode, filter: progid: DXImageTransform.Microsoft.Alpha(Opacity, -ms-filter: \\'progid: DXImageTransform.Microsoft.Alpha, opacity, -ms-interpolation-mode, groupName: SVG Presentation Attributes, properties: alignment-baseline, baseline-shift, dominant-baseline, text-anchor, word-spacing, writing-mode, fill, fill-opacity, fill-rule, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, color-interpolation, color-interpolation-filters, color-profile, color-rendering, flood-color, flood-opacity, image-rendering, lighting-color, marker-start, marker-mid, marker-end, mask, shape-rendering, stop-color, stop-opacity, groupName: Transitions & Animation, properties: transition, transition-delay, transition-timing-function, transition-duration, transition-property, transform, transform-origin, animation, animation-name, animation-duration, animation-play-state, animation-timing-function, animation-delay, animation-iteration-count, animation-direction`



### Rules of `stylelint-config-standard`



- [`at-rule-name-space-after`](https://stylelint.io/user-guide/rules/at-rule-name-space-after/): `always`

- [`color-hex-length`](https://stylelint.io/user-guide/rules/color-hex-length/): `short`

- [`comment-empty-line-before`](https://stylelint.io/user-guide/rules/comment-empty-line-before/): `always, except: first-nested, ignore: stylelint-commands`

- [`comment-whitespace-inside`](https://stylelint.io/user-guide/rules/comment-whitespace-inside/): `always`

- [`custom-property-empty-line-before`](https://stylelint.io/user-guide/rules/custom-property-empty-line-before/): `always, except: after-custom-property, first-nested, ignore: after-comment, inside-single-line-block`

- [`declaration-bang-space-after`](https://stylelint.io/user-guide/rules/declaration-bang-space-after/): `never`

- [`declaration-bang-space-before`](https://stylelint.io/user-guide/rules/declaration-bang-space-before/): `always`

- [`declaration-block-single-line-max-declarations`](https://stylelint.io/user-guide/rules/declaration-block-single-line-max-declarations/): `1`

- [`declaration-empty-line-before`](https://stylelint.io/user-guide/rules/declaration-empty-line-before/): `always, except: after-declaration, first-nested, ignore: after-comment, inside-single-line-block`

- [`function-name-case`](https://stylelint.io/user-guide/rules/function-name-case/): `lower`

- [`function-whitespace-after`](https://stylelint.io/user-guide/rules/function-whitespace-after/): `always`

- [`length-zero-no-unit`](https://stylelint.io/user-guide/rules/length-zero-no-unit/)

- [`media-feature-colon-space-after`](https://stylelint.io/user-guide/rules/media-feature-colon-space-after/): `always`

- [`media-feature-colon-space-before`](https://stylelint.io/user-guide/rules/media-feature-colon-space-before/): `never`

- [`media-feature-parentheses-space-inside`](https://stylelint.io/user-guide/rules/media-feature-parentheses-space-inside/): `never`

- [`media-feature-range-operator-space-after`](https://stylelint.io/user-guide/rules/media-feature-range-operator-space-after/): `always`

- [`media-feature-range-operator-space-before`](https://stylelint.io/user-guide/rules/media-feature-range-operator-space-before/): `always`

- [`selector-attribute-brackets-space-inside`](https://stylelint.io/user-guide/rules/selector-attribute-brackets-space-inside/): `never`

- [`selector-attribute-operator-space-after`](https://stylelint.io/user-guide/rules/selector-attribute-operator-space-after/): `never`

- [`selector-attribute-operator-space-before`](https://stylelint.io/user-guide/rules/selector-attribute-operator-space-before/): `never`

- [`selector-pseudo-class-parentheses-space-inside`](https://stylelint.io/user-guide/rules/selector-pseudo-class-parentheses-space-inside/): `never`

- [`selector-pseudo-element-colon-notation`](https://stylelint.io/user-guide/rules/selector-pseudo-element-colon-notation/): `double`

- [`selector-type-case`](https://stylelint.io/user-guide/rules/selector-type-case/): `lower`

- [`value-keyword-case`](https://stylelint.io/user-guide/rules/value-keyword-case/): `lower`

- [`block-no-empty`](https://stylelint.io/user-guide/rules/block-no-empty/)

- [`color-no-invalid-hex`](https://stylelint.io/user-guide/rules/color-no-invalid-hex/)

- [`comment-no-empty`](https://stylelint.io/user-guide/rules/comment-no-empty/)

- [`declaration-block-no-duplicate-properties`](https://stylelint.io/user-guide/rules/declaration-block-no-duplicate-properties/): `true, ignore: consecutive-duplicates-with-different-values`

- [`font-family-no-duplicate-names`](https://stylelint.io/user-guide/rules/font-family-no-duplicate-names/)

- [`font-family-no-missing-generic-family-keyword`](https://stylelint.io/user-guide/rules/font-family-no-missing-generic-family-keyword/)

- [`function-calc-no-unspaced-operator`](https://stylelint.io/user-guide/rules/function-calc-no-unspaced-operator/)

- [`function-linear-gradient-no-nonstandard-direction`](https://stylelint.io/user-guide/rules/function-linear-gradient-no-nonstandard-direction/)

- [`keyframe-declaration-no-important`](https://stylelint.io/user-guide/rules/keyframe-declaration-no-important/)

- [`media-feature-name-no-unknown`](https://stylelint.io/user-guide/rules/media-feature-name-no-unknown/)

- [`no-descending-specificity`](https://stylelint.io/user-guide/rules/no-descending-specificity/)

- [`no-duplicate-at-import-rules`](https://stylelint.io/user-guide/rules/no-duplicate-at-import-rules/)

- [`no-duplicate-selectors`](https://stylelint.io/user-guide/rules/no-duplicate-selectors/)

- [`no-empty-source`](https://stylelint.io/user-guide/rules/no-empty-source/)

- [`no-invalid-double-slash-comments`](https://stylelint.io/user-guide/rules/no-invalid-double-slash-comments/)

- [`property-no-unknown`](https://stylelint.io/user-guide/rules/property-no-unknown/)

- [`selector-pseudo-class-no-unknown`](https://stylelint.io/user-guide/rules/selector-pseudo-class-no-unknown/)

- [`selector-pseudo-element-no-unknown`](https://stylelint.io/user-guide/rules/selector-pseudo-element-no-unknown/)

- [`selector-type-no-unknown`](https://stylelint.io/user-guide/rules/selector-type-no-unknown/)

- [`string-no-newline`](https://stylelint.io/user-guide/rules/string-no-newline/)

- [`unit-no-unknown`](https://stylelint.io/user-guide/rules/unit-no-unknown/)

- [`selector-attribute-quotes`](https://stylelint.io/user-guide/rules/selector-attribute-quotes/): `always`

- [`at-rule-semicolon-space-before`](https://stylelint.io/user-guide/rules/at-rule-semicolon-space-before/): `never`



### Disabled rules



> Rules that are turned off on purpose.



- [`at-rule-no-unknown`](https://stylelint.io/user-guide/rules/at-rule-no-unknown/)

- [`at-rule-empty-line-before`](https://stylelint.io/user-guide/rules/at-rule-empty-line-before/)

- [`at-rule-name-case`](https://stylelint.io/user-guide/rules/at-rule-name-case/)

- [`at-rule-semicolon-newline-after`](https://stylelint.io/user-guide/rules/at-rule-semicolon-newline-after/)

- [`block-closing-brace-empty-line-before`](https://stylelint.io/user-guide/rules/block-closing-brace-empty-line-before/)

- [`block-closing-brace-newline-after`](https://stylelint.io/user-guide/rules/block-closing-brace-newline-after/)

- [`block-closing-brace-newline-before`](https://stylelint.io/user-guide/rules/block-closing-brace-newline-before/)

- [`block-closing-brace-space-before`](https://stylelint.io/user-guide/rules/block-closing-brace-space-before/)

- [`block-opening-brace-newline-after`](https://stylelint.io/user-guide/rules/block-opening-brace-newline-after/)

- [`block-opening-brace-space-after`](https://stylelint.io/user-guide/rules/block-opening-brace-space-after/)

- [`block-opening-brace-space-before`](https://stylelint.io/user-guide/rules/block-opening-brace-space-before/)

- [`color-hex-case`](https://stylelint.io/user-guide/rules/color-hex-case/)

- [`declaration-block-semicolon-newline-after`](https://stylelint.io/user-guide/rules/declaration-block-semicolon-newline-after/)

- [`declaration-block-semicolon-space-after`](https://stylelint.io/user-guide/rules/declaration-block-semicolon-space-after/)

- [`declaration-block-semicolon-space-before`](https://stylelint.io/user-guide/rules/declaration-block-semicolon-space-before/)

- [`declaration-block-trailing-semicolon`](https://stylelint.io/user-guide/rules/declaration-block-trailing-semicolon/)

- [`declaration-colon-newline-after`](https://stylelint.io/user-guide/rules/declaration-colon-newline-after/)

- [`declaration-colon-space-after`](https://stylelint.io/user-guide/rules/declaration-colon-space-after/)

- [`declaration-colon-space-before`](https://stylelint.io/user-guide/rules/declaration-colon-space-before/)

- [`function-comma-newline-after`](https://stylelint.io/user-guide/rules/function-comma-newline-after/)

- [`function-comma-space-after`](https://stylelint.io/user-guide/rules/function-comma-space-after/)

- [`function-comma-space-before`](https://stylelint.io/user-guide/rules/function-comma-space-before/)

- [`function-max-empty-lines`](https://stylelint.io/user-guide/rules/function-max-empty-lines/)

- [`function-parentheses-newline-inside`](https://stylelint.io/user-guide/rules/function-parentheses-newline-inside/)

- [`function-parentheses-space-inside`](https://stylelint.io/user-guide/rules/function-parentheses-space-inside/)

- [`indentation`](https://stylelint.io/user-guide/rules/indentation/)

- [`max-empty-lines`](https://stylelint.io/user-guide/rules/max-empty-lines/)

- [`media-feature-name-case`](https://stylelint.io/user-guide/rules/media-feature-name-case/)

- [`media-query-list-comma-newline-after`](https://stylelint.io/user-guide/rules/media-query-list-comma-newline-after/)

- [`media-query-list-comma-space-after`](https://stylelint.io/user-guide/rules/media-query-list-comma-space-after/)

- [`media-query-list-comma-space-before`](https://stylelint.io/user-guide/rules/media-query-list-comma-space-before/)

- [`no-eol-whitespace`](https://stylelint.io/user-guide/rules/no-eol-whitespace/)

- [`no-missing-end-of-source-newline`](https://stylelint.io/user-guide/rules/no-missing-end-of-source-newline/)

- [`number-leading-zero`](https://stylelint.io/user-guide/rules/number-leading-zero/)

- [`number-no-trailing-zeros`](https://stylelint.io/user-guide/rules/number-no-trailing-zeros/)

- [`property-case`](https://stylelint.io/user-guide/rules/property-case/)

- [`rule-empty-line-before`](https://stylelint.io/user-guide/rules/rule-empty-line-before/)

- [`selector-combinator-space-after`](https://stylelint.io/user-guide/rules/selector-combinator-space-after/)

- [`selector-combinator-space-before`](https://stylelint.io/user-guide/rules/selector-combinator-space-before/)

- [`selector-descendant-combinator-no-non-space`](https://stylelint.io/user-guide/rules/selector-descendant-combinator-no-non-space/)

- [`selector-list-comma-newline-after`](https://stylelint.io/user-guide/rules/selector-list-comma-newline-after/)

- [`selector-list-comma-space-before`](https://stylelint.io/user-guide/rules/selector-list-comma-space-before/)

- [`selector-max-empty-lines`](https://stylelint.io/user-guide/rules/selector-max-empty-lines/)

- [`selector-pseudo-class-case`](https://stylelint.io/user-guide/rules/selector-pseudo-class-case/)

- [`selector-pseudo-element-case`](https://stylelint.io/user-guide/rules/selector-pseudo-element-case/)

- [`unit-case`](https://stylelint.io/user-guide/rules/unit-case/)

- [`value-list-comma-newline-after`](https://stylelint.io/user-guide/rules/value-list-comma-newline-after/)

- [`value-list-comma-space-after`](https://stylelint.io/user-guide/rules/value-list-comma-space-after/)

- [`value-list-comma-space-before`](https://stylelint.io/user-guide/rules/value-list-comma-space-before/)

- [`value-list-max-empty-lines`](https://stylelint.io/user-guide/rules/value-list-max-empty-lines/)

- [`no-extra-semicolons`](https://stylelint.io/user-guide/rules/no-extra-semicolons/)

- [`linebreaks`](https://stylelint.io/user-guide/rules/linebreaks/)

- [`max-line-length`](https://stylelint.io/user-guide/rules/max-line-length/)

- [`function-comma-newline-before`](https://stylelint.io/user-guide/rules/function-comma-newline-before/)

- [`value-list-comma-newline-before`](https://stylelint.io/user-guide/rules/value-list-comma-newline-before/)

- [`declaration-block-semicolon-newline-before`](https://stylelint.io/user-guide/rules/declaration-block-semicolon-newline-before/)

- [`block-closing-brace-space-after`](https://stylelint.io/user-guide/rules/block-closing-brace-space-after/)

- [`block-opening-brace-newline-before`](https://stylelint.io/user-guide/rules/block-opening-brace-newline-before/)

- [`selector-list-comma-newline-before`](https://stylelint.io/user-guide/rules/selector-list-comma-newline-before/)

- [`selector-list-comma-space-after`](https://stylelint.io/user-guide/rules/selector-list-comma-space-after/)

- [`media-query-list-comma-newline-before`](https://stylelint.io/user-guide/rules/media-query-list-comma-newline-before/)

- [`at-rule-name-newline-after`](https://stylelint.io/user-guide/rules/at-rule-name-newline-after/)

- [`no-empty-first-line`](https://stylelint.io/user-guide/rules/no-empty-first-line/)

- [`unicode-bom`](https://stylelint.io/user-guide/rules/unicode-bom/)

- [`string-quotes`](https://stylelint.io/user-guide/rules/string-quotes/)



### Unused rules



> Rules that are not configured.



- [`a11y/line-height-is-vertical-rhythmed`](undefined)

- [`a11y/media-prefers-color-scheme`](undefined)

- [`a11y/no-display-none`](undefined)

- [`a11y/no-outline-none`](undefined)

- [`a11y/no-spread-text`](undefined)

- [`a11y/selector-pseudo-class-focus`](undefined)

- [`comment-word-blacklist`](https://stylelint.io/user-guide/rules/comment-word-blacklist/)

- [`custom-media-pattern`](https://stylelint.io/user-guide/rules/custom-media-pattern/)

- [`custom-property-pattern`](https://stylelint.io/user-guide/rules/custom-property-pattern/)

- [`declaration-block-no-redundant-longhand-properties`](https://stylelint.io/user-guide/rules/declaration-block-no-redundant-longhand-properties/)

- [`declaration-property-unit-blacklist`](https://stylelint.io/user-guide/rules/declaration-property-unit-blacklist/)

- [`declaration-property-unit-whitelist`](https://stylelint.io/user-guide/rules/declaration-property-unit-whitelist/)

- [`declaration-property-value-blacklist`](https://stylelint.io/user-guide/rules/declaration-property-value-blacklist/)

- [`declaration-property-value-whitelist`](https://stylelint.io/user-guide/rules/declaration-property-value-whitelist/)

- [`font-family-name-quotes`](https://stylelint.io/user-guide/rules/font-family-name-quotes/)

- [`font-weight-notation`](https://stylelint.io/user-guide/rules/font-weight-notation/)

- [`function-blacklist`](https://stylelint.io/user-guide/rules/function-blacklist/)

- [`function-url-no-scheme-relative`](https://stylelint.io/user-guide/rules/function-url-no-scheme-relative/)

- [`function-url-quotes`](https://stylelint.io/user-guide/rules/function-url-quotes/)

- [`function-url-scheme-blacklist`](https://stylelint.io/user-guide/rules/function-url-scheme-blacklist/)

- [`function-url-scheme-whitelist`](https://stylelint.io/user-guide/rules/function-url-scheme-whitelist/)

- [`function-whitelist`](https://stylelint.io/user-guide/rules/function-whitelist/)

- [`keyframes-name-pattern`](https://stylelint.io/user-guide/rules/keyframes-name-pattern/)

- [`linebreaks`](https://stylelint.io/user-guide/rules/linebreaks/)

- [`media-feature-name-blacklist`](https://stylelint.io/user-guide/rules/media-feature-name-blacklist/)

- [`media-feature-name-value-whitelist`](https://stylelint.io/user-guide/rules/media-feature-name-value-whitelist/)

- [`media-feature-name-whitelist`](https://stylelint.io/user-guide/rules/media-feature-name-whitelist/)

- [`no-empty-first-line`](https://stylelint.io/user-guide/rules/no-empty-first-line/)

- [`no-unknown-animations`](https://stylelint.io/user-guide/rules/no-unknown-animations/)

- [`number-max-precision`](https://stylelint.io/user-guide/rules/number-max-precision/)

- [`property-blacklist`](https://stylelint.io/user-guide/rules/property-blacklist/)

- [`property-whitelist`](https://stylelint.io/user-guide/rules/property-whitelist/)

- [`scss/partial-no-import`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/selector-nest-combinators`](https://github.com/kristerkari/stylelint-scss#readme)

- [`selector-attribute-operator-blacklist`](https://stylelint.io/user-guide/rules/selector-attribute-operator-blacklist/)

- [`selector-attribute-operator-whitelist`](https://stylelint.io/user-guide/rules/selector-attribute-operator-whitelist/)

- [`selector-class-pattern`](https://stylelint.io/user-guide/rules/selector-class-pattern/)

- [`selector-combinator-blacklist`](https://stylelint.io/user-guide/rules/selector-combinator-blacklist/)

- [`selector-combinator-whitelist`](https://stylelint.io/user-guide/rules/selector-combinator-whitelist/)

- [`selector-max-attribute`](https://stylelint.io/user-guide/rules/selector-max-attribute/)

- [`selector-max-class`](https://stylelint.io/user-guide/rules/selector-max-class/)

- [`selector-max-combinators`](https://stylelint.io/user-guide/rules/selector-max-combinators/)

- [`selector-max-compound-selectors`](https://stylelint.io/user-guide/rules/selector-max-compound-selectors/)

- [`selector-max-pseudo-class`](https://stylelint.io/user-guide/rules/selector-max-pseudo-class/)

- [`selector-max-universal`](https://stylelint.io/user-guide/rules/selector-max-universal/)

- [`selector-nested-pattern`](https://stylelint.io/user-guide/rules/selector-nested-pattern/)

- [`selector-pseudo-class-blacklist`](https://stylelint.io/user-guide/rules/selector-pseudo-class-blacklist/)

- [`selector-pseudo-class-whitelist`](https://stylelint.io/user-guide/rules/selector-pseudo-class-whitelist/)

- [`selector-pseudo-element-blacklist`](https://stylelint.io/user-guide/rules/selector-pseudo-element-blacklist/)

- [`selector-pseudo-element-whitelist`](https://stylelint.io/user-guide/rules/selector-pseudo-element-whitelist/)

- [`time-min-milliseconds`](https://stylelint.io/user-guide/rules/time-min-milliseconds/)

- [`unit-blacklist`](https://stylelint.io/user-guide/rules/unit-blacklist/)

- [`unit-whitelist`](https://stylelint.io/user-guide/rules/unit-whitelist/)

- [`value-keyword-case`](https://stylelint.io/user-guide/rules/value-keyword-case/)

- [`scss/dollar-variable-pattern`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-function-pattern`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-import-partial-extension-blacklist`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-import-partial-extension-whitelist`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/dollar-variable-default`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/no-dollar-variables`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/selector-no-union-class-name`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/function-color-relative`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-rule-conditional-no-parentheses`](https://github.com/kristerkari/stylelint-scss#readme)

- [`at-rule-blacklist`](https://stylelint.io/user-guide/rules/at-rule-blacklist/)

- [`at-rule-property-requirelist`](https://stylelint.io/user-guide/rules/at-rule-property-requirelist/)

- [`at-rule-whitelist`](https://stylelint.io/user-guide/rules/at-rule-whitelist/)

- [`color-no-hex`](https://stylelint.io/user-guide/rules/color-no-hex/)

- [`selector-id-pattern`](https://stylelint.io/user-guide/rules/selector-id-pattern/)

- [`order/properties-alphabetical-order`](https://github.com/hudochenkov/stylelint-order)

- [`scss/at-else-closing-brace-newline-after`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-else-closing-brace-space-after`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-else-empty-line-before`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-else-if-parentheses-space-before`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-extend-no-missing-placeholder`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-function-parentheses-space-before`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-if-closing-brace-newline-after`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-if-closing-brace-space-after`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-import-no-partial-leading-underscore`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-mixin-parentheses-space-before`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/at-mixin-pattern`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/declaration-nested-properties-no-divided-groups`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/dollar-variable-colon-newline-after`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/dollar-variable-colon-space-after`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/dollar-variable-colon-space-before`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/dollar-variable-empty-line-before`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/double-slash-comment-empty-line-before`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/double-slash-comment-inline`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/double-slash-comment-whitespace-inside`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/operator-no-newline-after`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/operator-no-newline-before`](https://github.com/kristerkari/stylelint-scss#readme)

- [`scss/operator-no-unspaced`](https://github.com/kristerkari/stylelint-scss#readme)