@niondigital/stylelint-config/config.js

niondigital stylelint config

module.exports = {
	ignoreFiles: '',
	plugins: ['stylelint-scss', 'stylelint-order'],
	rules: {
		'color-hex-case': 'upper',
		'color-no-invalid-hex': true,
		'font-family-name-quotes': 'always-unless-keyword',
		'number-leading-zero': 'always',
		'string-no-newline': true,
		'string-quotes': 'double',
		'length-zero-no-unit': true,
		'unit-case': 'lower',
		'unit-no-unknown': true,
		'value-keyword-case': [
			'lower',
			{
				ignoreKeywords: ['/-?\\$\\w+/']
			}
		],
		'value-no-vendor-prefix': true,
		'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-single-line',
		'value-list-max-empty-lines': 0,
		'property-case': 'lower',
		'property-no-unknown': [
			true,
			{
				checkPrefixed: true
			}
		],
		'declaration-bang-space-after': 'never',
		'declaration-bang-space-before': 'always',
		'declaration-colon-newline-after': 'always-multi-line',
		'declaration-colon-space-after': 'always-single-line',
		'declaration-colon-space-before': 'never',
		'declaration-block-no-duplicate-properties': [
			true,
			{
				ignore: ['consecutive-duplicates-with-different-values']
			}
		],
		'declaration-block-no-shorthand-property-overrides': true,
		'declaration-block-semicolon-newline-after': 'always',
		'declaration-block-semicolon-newline-before': 'never-multi-line',
		'declaration-block-semicolon-space-after': 'always-single-line',
		'declaration-block-semicolon-space-before': 'never',
		'declaration-block-trailing-semicolon': 'always',
		'block-closing-brace-empty-line-before': 'never',
		'block-closing-brace-newline-after': [
			'always',
			{
				ignoreAtRules: ['if', 'else']
			}
		],
		'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',
		'block-opening-brace-newline-before': 'never-single-line',
		'block-opening-brace-space-after': 'always-single-line',
		'block-opening-brace-space-before': 'always',
		'selector-attribute-brackets-space-inside': 'never',
		'selector-attribute-operator-space-after': 'never',
		'selector-attribute-operator-space-before': 'never',
		'selector-attribute-quotes': 'always',
		'selector-combinator-space-after': 'always',
		'selector-combinator-space-before': 'always',
		'selector-descendant-combinator-no-non-space': true,
		'selector-max-id': 0,
		'selector-max-type': [
			0,
			{
				ignore: ['compounded', 'descendant']
			}
		],
		'selector-no-vendor-prefix': true,
		'selector-pseudo-class-case': 'lower',
		'selector-pseudo-class-no-unknown': true,
		'selector-pseudo-class-parentheses-space-inside': 'never',
		'selector-pseudo-element-case': 'lower',
		'selector-pseudo-element-colon-notation': 'double',
		'selector-pseudo-element-no-unknown': [
			true,
			{
				ignorePseudoElements: ['v-deep']
			}
		],
		'selector-type-case': 'lower',
		'selector-type-no-unknown': true,
		'selector-max-empty-lines': 0,
		'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',
		'rule-empty-line-before': [
			'always',
			{
				except: ['first-nested'],
				ignore: ['after-comment']
			}
		],
		'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-single-line',
		'media-query-list-comma-space-before': 'never',
		'at-rule-name-case': 'lower',
		'at-rule-name-space-after': 'always',
		'at-rule-no-vendor-prefix': true,
		'at-rule-semicolon-newline-after': 'always',
		'comment-empty-line-before': [
			'always',
			{
				except: ['first-nested'],
				ignore: ['after-comment', 'stylelint-commands']
			}
		],
		'comment-no-empty': true,
		'comment-whitespace-inside': 'always',
		indentation: 'tab',
		'max-empty-lines': 4,
		'max-nesting-depth': [
			6,
			{
				ignore: ['blockless-at-rules']
			}
		],
		'no-duplicate-selectors': true,
		'no-empty-source': true,
		'no-eol-whitespace': [
			true,
			{
				ignore: ['empty-lines']
			}
		],
		'no-extra-semicolons': true,
		'no-unknown-animations': true,
		'scss/at-mixin-argumentless-call-parentheses': 'always',
		'scss/dollar-variable-colon-space-after': 'always-single-line',
		'scss/dollar-variable-colon-space-before': 'never',
		'scss/dollar-variable-no-missing-interpolation': true,
		'scss/selector-no-redundant-nesting-selector': true,
		'scss/at-else-empty-line-before': 'never',
		'order/order': [
			'dollar-variables',
			'custom-properties',
			'declarations',
			{
				type: 'at-rule',
				name: 'media',
				hasBlock: true
			},
			{
				type: 'at-rule',
				name: 'include',
				parameter: 'mq',
				hasBlock: true
			},
			'rules'
		],
		'order/properties-order': [
			'quotes',
			'counter-reset',
			'counter-increment',
			'content',
			'box-sizing',
			'display',
			'grid',
			'grid-template',
			'grid-template-columns',
			'grid-template-rows',
			'grid-template-areas',
			'grid-gap',
			'grid-column-gap',
			'grid-row-gap',
			'justify-items',
			'align-items',
			'justify-content',
			'align-content',
			'grid-auto-columns',
			'grid-auto-rows',
			'grid-auto-flow',
			'grid-area',
			'grid-column',
			'grid-row',
			'grid-column-start',
			'grid-column-end',
			'grid-row-start',
			'grid-row-end',
			'justify-self',
			'align-self',
			'flex-flow',
			'flex-direction',
			'flex-wrap',
			'align-items',
			'align-content',
			'justify-content',
			'order',
			'flex',
			'flex-basis',
			'flex-grow',
			'flex-shrink',
			'align-self',
			'width',
			'min-width',
			'max-width',
			'height',
			'min-height',
			'max-height',
			'padding',
			'padding-top',
			'padding-bottom',
			'padding-left',
			'padding-right',
			'table-layout',
			'empty-cells',
			'caption-side',
			'border-spacing',
			'border-collapse',
			'nav-index',
			'nav-up',
			'nav-right',
			'nav-down',
			'nav-left',
			'object-fit',
			'fill',
			'overflow',
			'overflow-x',
			'overflow-y',
			'overflow-scrolling',
			'background',
			'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader',
			'background-color',
			'background-image',
			'background-repeat',
			'background-attachment',
			'background-position',
			'background-position-x',
			'background-position-y',
			'background-clip',
			'background-origin',
			'background-size',
			'border',
			'border-width',
			'border-style',
			'border-color',
			'border-top',
			'border-top-width',
			'border-top-style',
			'border-top-color',
			'border-bottom',
			'border-bottom-width',
			'border-bottom-style',
			'border-bottom-color',
			'border-left',
			'border-left-width',
			'border-left-style',
			'border-left-color',
			'border-right',
			'border-right-width',
			'border-right-style',
			'border-right-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',
			'outline',
			'outline-width',
			'outline-style',
			'outline-color',
			'outline-offset',
			'box-decoration-break',
			'box-shadow',
			'filter:progid:DXImageTransform.Microsoft.gradient',
			"-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",
			'visibility',
			'opacity',
			'filter:progid:DXImageTransform.Microsoft.Alpha(Opacity',
			"-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
			'-ms-interpolation-mode',
			'resize',
			'clip',
			'zoom',
			'list-style',
			'list-style-position',
			'list-style-type',
			'list-style-image',
			'color',
			'text-shadow',
			'font',
			'font-family',
			'font-size',
			'line-height',
			'font-weight',
			'font-style',
			'font-variant',
			'font-size-adjust',
			'font-stretch',
			'font-effect',
			'font-emphasize',
			'font-emphasize-position',
			'font-emphasize-style',
			'font-smooth',
			'text-align',
			'text-align-last',
			'white-space',
			'text-decoration',
			'text-emphasis',
			'text-emphasis-color',
			'text-emphasis-style',
			'text-emphasis-position',
			'text-indent',
			'text-justify',
			'letter-spacing',
			'word-spacing',
			'writing-mode',
			'text-outline',
			'text-transform',
			'text-wrap',
			'text-overflow',
			'text-overflow-ellipsis',
			'text-overflow-mode',
			'word-wrap',
			'word-break',
			'tab-size',
			'hyphens',
			'vertical-align',
			'float',
			'clear',
			'position',
			'top',
			'bottom',
			'left',
			'right',
			'z-index',
			'margin',
			'margin-top',
			'margin-bottom',
			'margin-left',
			'margin-right',
			'transform',
			'transform-origin',
			'cursor',
			'user-select',
			'pointer-events',
			'transition',
			'transition-delay',
			'transition-timing-function',
			'transition-duration',
			'transition-property',
			'animation',
			'animation-name',
			'animation-duration',
			'animation-play-state',
			'animation-timing-function',
			'animation-delay',
			'animation-iteration-count',
			'animation-direction'
		]
	}
};