@telegraph-engineering/stylelint-config-telegraph/index.js

Telegraph Engineering config for stylelint

'use strict'

module.exports = {
    extends: 'stylelint-config-standard-scss',
    plugins: [
        'stylelint-scss',
        'stylelint-declaration-strict-value',
        'stylelint-order',
    ],
    'rules': {
        'at-rule-empty-line-before': [ 'always', {
            except: [
                'blockless-after-same-name-blockless',
                'first-nested',
            ],
            ignore: ['after-comment'],
        } ],
        'at-rule-name-case': 'lower',
        'at-rule-name-space-after': 'always-single-line',
        'at-rule-no-unknown': null,
        'at-rule-semicolon-newline-after': 'always',
        'block-closing-brace-empty-line-before': 'never',
        'block-closing-brace-newline-after': 'always',
        'block-closing-brace-newline-before': 'always-multi-line',
        'block-closing-brace-space-before': 'always-single-line',
        'block-opening-brace-newline-after': 'always-multi-line',
        'block-opening-brace-space-after': 'always-single-line',
        'block-opening-brace-space-before': 'always',
        'color-hex-case': 'lower',
        'color-hex-length': 'long',
        'color-named': 'never',
        'comment-empty-line-before': [ 'always', {
            except: ['first-nested'],
            ignore: ['stylelint-commands'],
        } ],
        'comment-whitespace-inside': 'always',
        'custom-property-empty-line-before': [ 'always', {
            except: [
                'after-custom-property',
                'first-nested',
            ],
            ignore: [
                'after-comment',
                'inside-single-line-block',
            ],
        } ],
        'declaration-bang-space-after': 'never',
        'declaration-bang-space-before': 'always',
        "declaration-block-no-redundant-longhand-properties": null,
        'declaration-block-semicolon-newline-after': 'always-multi-line',
        'declaration-block-semicolon-space-after': 'always-single-line',
        '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',
            ],
        } ],
        'function-comma-newline-after': 'always-multi-line',
        'function-comma-space-after': 'always-single-line',
        'function-comma-space-before': 'never',
        'function-max-empty-lines': 0,
        'function-name-case': 'lower',
        'function-parentheses-newline-inside': 'always-multi-line',
        'function-parentheses-space-inside': 'never-single-line',
        'function-whitespace-after': 'always',
        'indentation': 'tab',
        'length-zero-no-unit': true,
        'max-empty-lines': 1,
        'max-nesting-depth': 3,
        'media-feature-colon-space-after': 'always',
        'media-feature-colon-space-before': 'never',
        'media-feature-name-case': 'lower',
        '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-space-after': 'always-single-line',
        'media-query-list-comma-space-before': 'never',
        'no-eol-whitespace': true,
        'no-missing-end-of-source-newline': true,
        'number-leading-zero': 'always',
        'number-no-trailing-zeros': true,
        'property-case': 'lower',
        '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-class-pattern': '^(?:(?:u|is|has)-)?[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*(?:__[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:--[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:\\[.+\\])?$',
        'selector-combinator-space-after': 'always',
        'selector-combinator-space-before': 'always',
        'selector-descendant-combinator-no-non-space': true,
        'selector-list-comma-newline-after': 'always',
        'selector-list-comma-space-before': 'never',
        'selector-max-empty-lines': 0,
        'selector-max-id': 0,
        'selector-max-type': [0, {
            ignore: ['compounded', 'descendant', 'child'],
                severity: 'warning',
            }],
        'selector-max-compound-selectors': 2,
        'selector-pseudo-class-case': 'lower',
        'selector-pseudo-class-parentheses-space-inside': 'never',
        'selector-pseudo-element-case': 'lower',
        'selector-pseudo-element-colon-notation': 'double',
        'selector-type-case': 'lower',
        "shorthand-property-no-redundant-values": null,
        "string-quotes": "single",
        'unit-case': 'lower',
        'value-list-comma-newline-after': 'always-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,

        // stylelint-scss
        'scss/at-rule-no-unknown': true,
        'scss/selector-no-redundant-nesting-selector': true,
        'scss/operator-no-unspaced': true,

        // stylelint-order
        'order/order': [
            {
                type: 'at-rule',
                name: 'include',
                parameter: 'font'
            },
            {
                type: 'at-rule',
                name: 'include',
                parameter: 'theme',
                hasBlock: true
            },
            'declarations',
	        'rules',
            {
                type: 'rule',
                selector: /^&:[\w-]+$/
            },
            {
                type: 'at-rule',
                name: 'include',
                parameter: 'break-by-width',
                hasBlock: true
            }
        ],
        'order/properties-alphabetical-order': true,

        // stylelint-declaration-strict-value
        'scale-unlimited/declaration-strict-value': [
            ['/color/', 'z-index'], {
                ignoreKeywords: { '/color/': ['inherit'] },
            }
        ],
    },
};