.stylelintrc.js

module.exports = {
	'plugins': [
		'stylelint-a11y',
		'stylelint-order',
		'stylelint-scss',
		'stylelint-use-nesting',
	],
	'rules': {
		'alpha-value-notation': 'number',
		'at-rule-blacklist': null,
		'at-rule-empty-line-before': [
			'always',
			{
				'except': ['first-nested', 'blockless-after-same-name-blockless'],
				'ignore': ['after-comment'],
			},
		],
		'at-rule-name-case': 'lower',
		'at-rule-name-newline-after': null,
		'at-rule-name-space-after': 'always-single-line',
		'at-rule-no-unknown': null,
		'at-rule-no-vendor-prefix': true,
		'at-rule-semicolon-newline-after': 'always',
		'at-rule-semicolon-space-before': 'never',
		'at-rule-property-required-list': {
			'font-face': ['font-display', 'font-family', 'font-style', 'font-weight'],
		},
		'block-closing-brace-empty-line-before': 'never',
		'block-closing-brace-newline-after': 'always',
		'block-closing-brace-newline-before': 'always',
		'block-closing-brace-space-after': 'always-single-line',
		'block-closing-brace-space-before': 'always-single-line',
		'block-no-empty': true,
		'block-opening-brace-newline-after': 'always-multi-line',
		'block-opening-brace-newline-before': null,
		'block-opening-brace-space-after': 'always-single-line',
		'block-opening-brace-space-before': 'always',
		'color-function-notation': 'modern',
		'color-hex-case': 'lower',
		'color-hex-length': 'short',
		'color-named': [
			'never',
			{
				'ignore': ['inside-function'],
				'severity': 'warning',
			},
		],
		'color-no-invalid-hex': true,
		'comment-empty-line-before': ['never', { 'ignore': ['stylelint-commands'] }],
		'comment-no-empty': true,
		'comment-whitespace-inside': 'always',
		'custom-media-pattern': null,
		'custom-property-empty-line-before': 'never',
		'custom-property-pattern': null,
		'declaration-bang-space-after': 'never',
		'declaration-bang-space-before': 'always',
		'declaration-block-no-duplicate-custom-properties': true,
		'declaration-block-no-duplicate-properties': true,
		'declaration-block-no-redundant-longhand-properties': null,
		'declaration-block-no-shorthand-property-overrides': true,
		'declaration-block-semicolon-newline-after': 'always-multi-line',
		'declaration-block-semicolon-newline-before': null,
		'declaration-block-semicolon-space-after': null,
		'declaration-block-semicolon-space-before': 'never',
		'declaration-block-single-line-max-declarations': 1,
		'declaration-block-trailing-semicolon': 'always',
		'declaration-colon-newline-after': 'always-multi-line',
		'declaration-colon-space-after': 'always-single-line',
		'declaration-colon-space-before': 'never',
		'declaration-empty-line-before': [
			'always',
			{
				'except': ['after-declaration', 'first-nested'],
				'ignore': ['after-comment', 'inside-single-line-block'],
			},
		],
		'declaration-no-important': null,
		'declaration-property-unit-allowed-list': {
			'/^animation/': ['s'],
			'/^transition/': ['s'],
		},
		'declaration-property-value-disallowed-list': [
			{
				'/.*/': [/transparent/i],
			},
			{
				'message': 'Keyword `transparent` is not allowed.',
			},
		],
		'font-family-name-quotes': 'always-where-recommended',
		'font-family-no-duplicate-names': true,
		'font-family-no-missing-generic-family-keyword': true,
		'font-weight-notation': [
			'numeric',
			{
				'ignore': ['relative'],
			},
		],
		'function-calc-no-invalid': true,
		'function-calc-no-unspaced-operator': true,
		'function-comma-newline-after': null,
		'function-comma-newline-before': null,
		'function-comma-space-after': 'always-single-line',
		'function-comma-space-before': 'never',
		'function-linear-gradient-no-nonstandard-direction': true,
		'function-max-empty-lines': 0,
		'function-name-case': 'lower',
		'function-parentheses-newline-inside': 'always-multi-line',
		'function-parentheses-space-inside': 'never-single-line',
		'function-url-no-scheme-relative': null,
		'function-url-quotes': 'always',
		'function-whitespace-after': 'always',
		'indentation': 'tab',
		'keyframe-declaration-no-important': null,
		'keyframes-name-pattern': null,
		'length-zero-no-unit': true,
		'linebreaks': 'unix',
		'max-empty-lines': 1,
		'max-line-length': [90, { 'ignore': ['comments'] }],
		'max-nesting-depth': 4,
		'media-feature-colon-space-after': 'always',
		'media-feature-colon-space-before': 'never',
		'media-feature-name-case': 'lower',
		'media-feature-name-no-unknown': true,
		'media-feature-name-no-vendor-prefix': true,
		'media-feature-parentheses-space-inside': 'never',
		'media-feature-range-operator-space-after': 'always',
		'media-feature-range-operator-space-before': 'always',
		'media-query-list-comma-newline-after': 'always-multi-line',
		'media-query-list-comma-newline-before': 'never-multi-line',
		'media-query-list-comma-space-after': 'always',
		'media-query-list-comma-space-before': 'never',
		'named-grid-areas-no-invalid': true,
		'no-descending-specificity': [
			true,
			{
				'ignore': ['selectors-within-list'],
			},
		],
		'no-duplicate-at-import-rules': true,
		'no-duplicate-selectors': true,
		'no-empty-first-line': true,
		'no-empty-source': true,
		'no-eol-whitespace': true,
		'no-extra-semicolons': true,
		'no-invalid-double-slash-comments': null,
		'no-missing-end-of-source-newline': true,
		'no-unknown-animations': true,
		'number-leading-zero': 'always',
		'number-max-precision': 10,
		'number-no-trailing-zeros': true,
		'property-case': 'lower',
		'property-no-unknown': [
			true,
			{
				'ignoreProperties': ['composes'],
			},
		],
		'property-no-vendor-prefix': true,
		'rule-empty-line-before': [
			'always-multi-line',
			{
				'except': ['first-nested'],
				'ignore': ['after-comment'],
			},
		],
		'selector-attribute-brackets-space-inside': 'never',
		'selector-attribute-operator-space-after': 'never',
		'selector-attribute-operator-space-before': 'never',
		'selector-attribute-quotes': 'always',
		'selector-class-pattern': null,
		'selector-combinator-space-after': 'always',
		'selector-combinator-space-before': 'always',
		'selector-descendant-combinator-no-non-space': true,
		'selector-id-pattern': null,
		'selector-list-comma-newline-after': 'always',
		'selector-list-comma-newline-before': 'never-multi-line',
		'selector-list-comma-space-after': 'always-single-line',
		'selector-list-comma-space-before': 'never',
		'selector-max-attribute': 2,
		'selector-max-class': 2,
		'selector-max-combinators': 2,
		'selector-max-compound-selectors': 3,
		'selector-max-empty-lines': 0,
		'selector-max-id': 2,
		'selector-max-pseudo-class': 2,
		'selector-max-specificity': '1,3,0',
		'selector-max-type': 1,
		'selector-max-universal': 1,
		'selector-nested-pattern': null,
		'selector-no-qualifying-type': [
			true,
			{
				'ignore': ['attribute'],
			},
		],
		'selector-no-vendor-prefix': true,
		'selector-pseudo-class-case': 'lower',
		'selector-pseudo-class-no-unknown': [
			true,
			{
				'ignorePseudoClasses': ['global'],
			},
		],
		'selector-pseudo-class-parentheses-space-inside': 'never',
		'selector-pseudo-element-case': 'lower',
		'selector-pseudo-element-colon-notation': 'double',
		'selector-pseudo-element-no-unknown': true,
		'selector-type-case': [
			'upper',
			{
				'ignoreTypes': [
					'circle',
					'g',
					'line',
					'path',
					'rect',
					'svg',
				],
			},
		],
		'selector-type-no-unknown': true,
		'shorthand-property-no-redundant-values': true,
		'string-no-newline': true,
		'string-quotes': [
			'single',
			{
				'avoidEscape': false,
			},
		],
		'time-min-milliseconds': 100,
		'unit-case': 'lower',
		'unit-no-unknown': true,
		'value-keyword-case': 'lower',
		'value-list-comma-newline-after': 'always-multi-line',
		'value-list-comma-newline-before': 'never-multi-line',
		'value-list-comma-space-after': 'always-single-line',
		'value-list-comma-space-before': 'never',
		'value-list-max-empty-lines': 0,
		'value-no-vendor-prefix': true,

		// PLUGINS
		// stylelint-a11y
		'a11y/content-property-no-static-value': true,
		'a11y/media-prefers-reduced-motion': null,
		'a11y/no-obsolete-attribute': true,
		'a11y/no-obsolete-element': true,
		'a11y/no-outline-none': true,
		'a11y/selector-pseudo-class-focus': null,

		// stylelint-use-nesting
		'csstools/use-nesting': 'always',

		// stylelint-scss
		'scss/at-function-parentheses-space-before': 'never',
		'scss/at-import-no-partial-leading-underscore': true,
		'scss/at-import-partial-extension-blacklist': ['scss'],
		'scss/at-mixin-argumentless-call-parentheses': 'always',
		'scss/at-rule-no-unknown': true,
		'scss/dollar-variable-no-missing-interpolation': true,
		'scss/double-slash-comment-whitespace-inside': 'always',
		'scss/map-keys-quotes': 'always',
		'scss/no-duplicate-dollar-variables': [
			true,
			{
				'ignoreInsideAtRules': ['if', 'else', 'for'],
			},
		],
		'scss/no-duplicate-mixins': true,
		'scss/no-global-function-names': true,
		'scss/operator-no-unspaced': true,
		'scss/selector-no-redundant-nesting-selector': true,

		// stylelint-order
		'order/order': [['dollar-variables', 'custom-properties', 'declarations']],
		'order/properties-order': [
			[
				'composes',
				'all',
				'content',
				'position',
				'inset',
				'inset-block',
				'inset-block-start',
				'inset-block-end',
				'inset-inline',
				'inset-inline-start',
				'inset-inline-end',
				'top',
				'right',
				'bottom',
				'left',
				'z-index',
				'display',
				'visibility',
				'grid',
				'grid-template',
				'grid-template-areas',
				'grid-template-rows',
				'grid-template-columns',
				'grid-auto-rows',
				'grid-auto-columns',
				'grid-auto-flow',
				'grid-row',
				'grid-row-start',
				'grid-row-end',
				'grid-column',
				'grid-column-start',
				'grid-column-end',
				'grid-area',
				'flex',
				'flex-grow',
				'flex-shrink',
				'flex-basis',
				'flex-direction',
				'flex-flow',
				'flex-wrap',
				'justify-content',
				'justify-items',
				'justify-self',
				'align-content',
				'align-items',
				'align-self',
				'place-content',
				'place-items',
				'place-self',
				'gap',
				'row-gap',
				'column-gap',
				'order',
				'float',
				'clear',
				'contain',
				'block-size',
				'min-block-size',
				'max-block-size',
				'inline-size',
				'min-inline-size',
				'max-inline-size',
				'width',
				'min-width',
				'max-width',
				'height',
				'min-height',
				'max-height',
				'overflow',
				'overflow-x',
				'overflow-y',
				'overflow-block',
				'overflow-inline',
				'overflow-anchor',
				'scroll-behavior',
				'scroll-snap-align',
				'scroll-snap-stop',
				'scroll-snap-type',
				'scroll-margin',
				'scroll-margin-block',
				'scroll-margin-block-start',
				'scroll-margin-block-end',
				'scroll-margin-inline',
				'scroll-margin-inline-start',
				'scroll-margin-inline-end',
				'scroll-margin-top',
				'scroll-margin-right',
				'scroll-margin-bottom',
				'scroll-margin-left',
				'scroll-padding',
				'scroll-padding-block',
				'scroll-padding-block-start',
				'scroll-padding-block-end',
				'scroll-padding-inline',
				'scroll-padding-inline-start',
				'scroll-padding-inline-end',
				'scroll-padding-top',
				'scroll-padding-right',
				'scroll-padding-bottom',
				'scroll-padding-left',
				'overscroll-behavior',
				'overscroll-behavior-x',
				'overscroll-behavior-y',
				'object-fit',
				'object-position',
				'image-rendering',
				'shape-outside',
				'shape-margin',
				'shape-image-threshold',
				'clip',
				'clip-path',
				'box-sizing',
				'margin',
				'margin-block',
				'margin-block-start',
				'margin-block-end',
				'margin-inline',
				'margin-inline-start',
				'margin-inline-end',
				'margin-top',
				'margin-right',
				'margin-bottom',
				'margin-left',
				'padding',
				'padding-block',
				'padding-block-start',
				'padding-block-end',
				'padding-inline',
				'padding-inline-start',
				'padding-inline-end',
				'padding-top',
				'padding-right',
				'padding-bottom',
				'padding-left',
				'outline',
				'outline-width',
				'outline-style',
				'outline-color',
				'outline-offset',
				'border',
				'border-block',
				'border-block-width',
				'border-block-style',
				'border-block-color',
				'border-block-start',
				'border-block-start-width',
				'border-block-start-style',
				'border-block-start-color',
				'border-block-end',
				'border-block-end-width',
				'border-block-end-style',
				'border-block-end-color',
				'border-inline',
				'border-inline-width',
				'border-inline-style',
				'border-inline-color',
				'border-inline-start',
				'border-inline-start-width',
				'border-inline-start-style',
				'border-inline-start-color',
				'border-inline-end',
				'border-inline-end-width',
				'border-inline-end-style',
				'border-inline-end-color',
				'border-start-start-radius',
				'border-start-end-radius',
				'border-end-start-radius',
				'border-end-end-radius',
				'border-width',
				'border-style',
				'border-color',
				'border-top',
				'border-top-width',
				'border-top-style',
				'border-top-color',
				'border-right',
				'border-right-width',
				'border-right-style',
				'border-right-color',
				'border-bottom',
				'border-bottom-width',
				'border-bottom-style',
				'border-bottom-color',
				'border-left',
				'border-left-width',
				'border-left-style',
				'border-left-color',
				'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',
				'border-spacing',
				'border-collapse',
				'background',
				'background-color',
				'background-image',
				'background-position',
				'background-position-x',
				'background-position-y',
				'background-size',
				'background-repeat',
				'background-attachment',
				'background-origin',
				'background-clip',
				'background-blend-mode',
				'mix-blend-mode',
				'isolation',
				'box-decoration-break',
				'box-shadow',
				'color',
				'color-adjust',
				'mask-type',
				'mask-image',
				'mask-position',
				'mask-repeat',
				'mask-size',
				'mask-origin',
				'mask-clip',
				'table-layout',
				'caption-side',
				'empty-cells',
				'list-style',
				'list-style-position',
				'list-style-type',
				'list-style-image',
				'quotes',
				'additive-symbols',
				'counter-increment',
				'counter-reset',
				'counter-set',
				'vertical-align',
				'text-align',
				'text-align-last',
				'text-combine-upright',
				'text-decoration',
				'text-decoration-color',
				'text-decoration-line',
				'text-decoration-skip-ink',
				'text-decoration-style',
				'text-emphasis',
				'text-emphasis-color',
				'text-emphasis-position',
				'text-emphasis-style',
				'text-indent',
				'text-justify',
				'text-orientation',
				'text-overflow',
				'text-rendering',
				'text-shadow',
				'text-size-adjust',
				'text-transform',
				'text-underline-position',
				'direction',
				'unicode-bidi',
				'writing-mode',
				'white-space',
				'word-spacing',
				'word-wrap',
				'word-break',
				'overflow-wrap',
				'tab-size',
				'hyphens',
				'letter-spacing',
				'font',
				'font-family',
				'font-size',
				'font-size-adjust',
				'font-weight',
				'font-style',
				'font-display',
				'font-feature-settings',
				'font-kerning',
				'font-optical-sizing',
				'font-stretch',
				'font-synthesis',
				'font-variant',
				'font-variant-alternates',
				'font-variant-caps',
				'font-variant-east-asian',
				'font-variant-ligatures',
				'font-variant-numeric',
				'font-variation-settings',
				'line-height',
				'line-height-step',
				'line-break',
				'src',
				'unicode-range',
				'opacity',
				'filter',
				'backdrop-filter',
				'resize',
				'cursor',
				'caret-color',
				'appearance',
				'transition',
				'transition-property',
				'transition-duration',
				'transition-timing-function',
				'transition-delay',
				'transform',
				'transform-origin',
				'transform-style',
				'perspective',
				'perspective-origin',
				'animation',
				'animation-name',
				'animation-duration',
				'animation-play-state',
				'animation-timing-function',
				'animation-delay',
				'animation-iteration-count',
				'animation-direction',
				'animation-fill-mode',
				'will-change',
				'offset',
				'offset-anchor',
				'offset-distance',
				'offset-path',
				'offset-position',
				'offset-rotate',
				'pointer-events',
				'touch-action',
				'columns',
				'column-span',
				'column-width',
				'column-count',
				'column-fill',
				'column-rule',
				'column-rule-width',
				'column-rule-style',
				'column-rule-color',
				'break-before',
				'break-inside',
				'break-after',
				'page-break-before',
				'page-break-inside',
				'page-break-after',
				'orphans',
				'widows',
				'zoom',
				'max-zoom',
				'min-zoom',
				'user-zoom',
				'orientation',
				'user-select',
				'fill',
				'fill-opacity',
				'fill-rule',
				'stroke',
				'stroke-width',
				'stroke-opacity',
				'stroke-dasharray',
				'stroke-dashoffset',
				'stroke-linecap',
				'stroke-linejoin',
				'stroke-miterlimit',
				'paint-order',
			],
			{ 'unspecified': 'bottomAlphabetical' },
		],
	},
};