rules.md

Rules

Custom rules

• color-named: never
• declaration-block-no-shorthand-property-overrides
• declaration-no-important
• selector-max-id: 0
• selector-max-type: 2, ignore: child, compounded, next-sibling
• selector-class-pattern: , resolveNestedSelectors: true
• max-nesting-depth: 4
• selector-max-specificity: 0,4,0
• value-no-vendor-prefix
• property-no-vendor-prefix
• selector-no-vendor-prefix
• media-feature-name-no-vendor-prefix
• at-rule-no-vendor-prefix
• declaration-property-value-disallowed-list: text-align: justify
• scss/at-rule-no-unknown: true, ignoreAtRules: tailwind, apply, variants, responsive, screen, layer
• scss/declaration-nested-properties: never
• scss/selector-no-redundant-nesting-selector
• scss/percent-placeholder-pattern: ^do-not-use-placeholders$
• scss/dollar-variable-no-missing-interpolation
• scss/at-mixin-argumentless-call-parentheses: always
• scss/at-mixin-pattern: ``
• order/order: dollar-variables, custom-properties, type: at-rule, hasBlock: false, declarations
• scale-unlimited/declaration-strict-value: color, fill, stroke, /-color/, ignoreKeywords: currentColor, inherit, transparent, initial, none, unset, Canvas, CanvasText, LinkText, VisitedText, ActiveText, ButtonFace, ButtonText, ButtonBorder, Field, FieldText, Highlight, HighlightText, SelectedItem, SelectedItemText, Mark, MarkText, GrayText, AccentColor, AccentColorText

Inherited rules

• block-no-empty
• color-hex-length: short
• color-no-invalid-hex
• 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
• custom-property-no-missing-var-function
• declaration-block-no-duplicate-custom-properties
• declaration-block-no-duplicate-properties: true, ignore: consecutive-duplicates-with-different-syntaxes
• declaration-block-single-line-max-declarations: 1
• font-family-name-quotes: always-where-recommended
• font-family-no-duplicate-names
• font-family-no-missing-generic-family-keyword
• function-calc-no-unspaced-operator
• function-linear-gradient-no-nonstandard-direction
• function-name-case: lower
• function-url-quotes: always
• hue-degree-notation: angle
• import-notation: string
• keyframe-block-no-duplicate-selectors
• keyframe-declaration-no-important
• keyframe-selector-notation: percentage-unless-within-keyword-only-block
• length-zero-no-unit: true, ignore: custom-properties
• media-feature-name-no-unknown
• named-grid-areas-no-invalid
• no-duplicate-at-import-rules
• no-duplicate-selectors
• no-empty-source
• no-invalid-double-slash-comments
• no-invalid-position-at-import-rule: true, ignoreAtRules: use, forward
• no-irregular-whitespace
• number-max-precision: 4
• property-no-unknown
• rule-empty-line-before: always-multi-line, except: first-nested, ignore: after-comment
• scss/at-else-closing-brace-newline-after: always-last-in-chain
• scss/at-else-closing-brace-space-after: always-intermediate
• scss/at-else-empty-line-before: never
• scss/at-else-if-parentheses-space-before: always
• scss/at-function-parentheses-space-before: never
• scss/at-if-closing-brace-newline-after: always-last-in-chain
• scss/at-if-closing-brace-space-after: always-intermediate
• scss/at-if-no-null
• scss/at-import-no-partial-leading-underscore
• scss/at-import-partial-extension: never
• scss/at-mixin-parentheses-space-before: never
• scss/at-rule-conditional-no-parentheses
• scss/comment-no-empty
• scss/declaration-nested-properties-no-divided-groups
• scss/dollar-variable-colon-space-after: always
• scss/dollar-variable-colon-space-before: never
• scss/double-slash-comment-whitespace-inside: always
• scss/function-quote-no-quoted-strings-inside
• scss/function-unquote-no-unquoted-strings-inside
• scss/no-duplicate-mixins
• scss/operator-no-newline-after
• scss/operator-no-newline-before
• scss/operator-no-unspaced
• selector-anb-no-unmatchable
• selector-attribute-quotes: always
• selector-pseudo-class-no-unknown
• selector-pseudo-element-colon-notation: double
• selector-pseudo-element-no-unknown
• selector-type-case: lower
• selector-type-no-unknown: true, ignore: custom-elements
• string-no-newline
• unit-no-unknown
• value-keyword-case: lower

Disabled rules

Rules that are turned off on purpose.

• alpha-value-notation
• annotation-no-unknown
• at-rule-empty-line-before
• at-rule-no-unknown
• color-function-notation
• comment-no-empty
• custom-media-pattern
• custom-property-pattern
• declaration-block-no-redundant-longhand-properties
• declaration-empty-line-before
• function-no-unknown
• keyframes-name-pattern
• media-feature-range-notation
• no-descending-specificity
• scss/at-extend-no-missing-placeholder
• scss/at-function-pattern
• scss/dollar-variable-empty-line-before
• scss/dollar-variable-pattern
• scss/double-slash-comment-empty-line-before
• scss/no-global-function-names
• selector-id-pattern
• selector-not-notation
• shorthand-property-no-redundant-values

Unused rules

Rules that are not configured, either because they aren’t relevant for us, or we decided they are too opinionated, or we haven’t had the chance to properly review them yet.

• at-rule-allowed-list
• at-rule-disallowed-list
• at-rule-property-required-list
• color-hex-alpha
• color-no-hex
• comment-pattern
• comment-word-disallowed-list
• declaration-property-max-values
• declaration-property-unit-allowed-list
• declaration-property-unit-disallowed-list
• declaration-property-value-allowed-list
• declaration-property-value-no-unknown
• font-weight-notation
• function-allowed-list
• function-disallowed-list
• function-url-no-scheme-relative
• function-url-scheme-allowed-list
• function-url-scheme-disallowed-list
• media-feature-name-allowed-list
• media-feature-name-disallowed-list
• media-feature-name-unit-allowed-list
• media-feature-name-value-allowed-list
• media-feature-name-value-no-unknown
• media-query-no-invalid
• no-unknown-animations
• no-unknown-custom-properties
• order/properties-alphabetical-order
• order/properties-order
• property-allowed-list
• property-disallowed-list
• rule-selector-property-disallowed-list
• scss/at-each-key-value-single-line
• scss/at-function-named-arguments
• scss/at-import-partial-extension-blacklist
• scss/at-import-partial-extension-whitelist
• scss/at-mixin-named-arguments
• scss/at-use-no-unnamespaced
• scss/comment-no-loud
• scss/dimension-no-non-numeric-values
• scss/dollar-variable-colon-newline-after
• scss/dollar-variable-default
• scss/dollar-variable-empty-line-after
• scss/dollar-variable-first-in-block
• scss/dollar-variable-no-namespaced-assignment
• scss/double-slash-comment-inline
• scss/function-color-relative
• scss/function-disallowed-list
• scss/function-no-unknown
• scss/map-keys-quotes
• scss/media-feature-value-dollar-variable
• scss/no-dollar-variables
• scss/no-duplicate-dollar-variables
• scss/partial-no-import
• scss/selector-nest-combinators
• scss/selector-no-union-class-name
• selector-attribute-name-disallowed-list
• selector-attribute-operator-allowed-list
• selector-attribute-operator-disallowed-list
• selector-combinator-allowed-list
• selector-combinator-disallowed-list
• selector-disallowed-list
• selector-max-attribute
• selector-max-class
• selector-max-combinators
• selector-max-compound-selectors
• selector-max-pseudo-class
• selector-max-universal
• selector-nested-pattern
• selector-no-qualifying-type
• selector-pseudo-class-allowed-list
• selector-pseudo-class-disallowed-list
• selector-pseudo-element-allowed-list
• selector-pseudo-element-disallowed-list
• time-min-milliseconds
• unit-allowed-list
• unit-disallowed-list