Configure options below — the preview updates in real time.
Extends, plugins, custom syntax, and base configuration.
Extend an existing third-party or custom Stylelint configuration. Configs are applied in order and later entries override earlier ones.
Third-party plugins that add custom rules to Stylelint.
Specifies a custom syntax parser to use on your code, allowing Stylelint to parse CSS-like languages or CSS-in-JS.
Sets the default severity level for all rules that do not have a severity explicitly specified.
Customizes the prefix for configuration comments (e.g. stylelint-disable). Useful when running multiple Stylelint instances.
Control which files Stylelint processes.
Glob patterns to ignore specific files. Replaces the default node_modules exclusion if defined.
Rules that detect possible errors in your CSS.
Disallow invalid hex colors.
Disallow duplicate font family names.
Disallow a missing generic family keyword in font-family lists.
Disallow invalid named grid areas.
Disallow an unspaced operator within calc functions.
Disallow non-standard direction values in linear-gradient calls.
Disallow unknown CSS functions.
Disallow (unescaped) newlines in strings.
Disallow unknown units.
Disallow missing var function for custom properties.
Disallow unknown CSS properties.
Disallow duplicate selectors within keyframe blocks.
Disallow !important within keyframe declarations.
Disallow duplicate custom properties within declaration blocks.
Disallow duplicate properties within declaration blocks.
Disallow shorthand properties that override related longhand properties.
Disallow empty blocks.
Disallow unknown pseudo-class selectors.
Disallow unknown pseudo-element selectors.
Disallow unknown type selectors.
Disallow unknown media feature names.
Disallow unknown at-rules.
Disallow empty comments.
Disallow selectors of lower specificity from coming after overriding selectors of higher specificity.
Disallow duplicate @import rules.
Disallow duplicate selectors.
Disallow empty sources.
Disallow double-slash comments (//...) which are not supported by CSS.
Disallow invalid position @import rules.
Disallow irregular whitespace.
Disallow deprecated at-rules.
Disallow deprecated keyword values in declaration property values.
Disallow deprecated media types.
Disallow deprecated properties.
Disallow invalid preludes for at-rules.
Disallow invalid media queries.
Disallow invalid position declarations.
Disallow invalid syntax strings.
Disallow missing scoping root for nesting selectors.
Disallow unmatchable An+B selectors.
Disallow unknown annotations.
Disallow unknown at-rule descriptors.
Disallow unknown values for at-rule descriptors.
Disallow unknown values for properties within declarations.
Disallow unknown values for media feature names.
Disallow unknown animations that are not defined with @keyframes.
Disallow unknown custom media queries.
Disallow unknown custom properties.
Rules that enforce naming conventions, stylistic patterns, and limits.
Specify percentage or number notation for alpha values (e.g. "percentage" or "number").
Specify number or angle notation for degree hues ("number" or "angle").
Specify modern or legacy notation for color functions ("modern" or "legacy").
Specify whether or not to use the color function alias notation ("with-alpha" or "without-alpha").
Specify short or long notation for hex colors ("short" or "long").
Require or disallow named colors ("always-where-possible" or "never").
Require or disallow alpha channel for hex colors ("always" or "never").
Disallow hex colors.
Disallow units for zero lengths (e.g. 0px -> 0).
Require numeric or named font-weight values ("numeric" or "named-where-possible").
Disallow scheme-relative URLs (e.g. //example.com).
Require or disallow quotes for urls ("always" or "never").
Specify string or URL notation for @import rules ("string" or "url").
Specify keyword or percentage notation for keyframe selectors ("keyword" or "percentage" or "percentage-unless-within-keyword-only-block").
Specify multi-keyword or single-keyword notation for display values ("multi-keyword" or "single-keyword").
Specify number or percentage notation for lightness ("number" or "percentage").
Specify context or prefix notation for media feature ranges ("context" or "prefix").
Specify simple or complex notation for :not() pseudo-class selectors ("simple" or "complex").
Specify single or double colon notation for pseudo-elements ("single" or "double").
Limit the number of decimal places allowed in numbers.
Disallow redundant values within shorthand properties.
Disallow redundant nested style rules.
Disallow redundant longhand properties within declaration blocks.
Disallow vendor prefixes for values.
Disallow vendor prefixes for properties.
Disallow !important within declarations.
Limit the number of declarations within a single-line declaration block.
Limit the number of values for a list of properties within declarations.
Limit the number of attribute selectors in a selector.
Limit the number of classes in a selector.
Limit the number of combinators in a selector.
Limit the number of compound selectors in a selector.
Limit the number of ID selectors in a selector.
Limit the number of pseudo-classes in a selector.
Limit the specificity of selectors (e.g. "0,2,0").
Limit the number of type selectors in a selector.
Limit the number of universal selectors in a selector.
Specify the minimum number of milliseconds for time values.
Disallow vendor prefixes for selectors.
Disallow qualifying a selector by type.
Disallow vendor prefixes for media feature names.
Disallow vendor prefixes for at-rules.
Limit the depth of nesting.
Specify lowercase or uppercase for function names ("lower" or "upper").
Specify lowercase or uppercase for type selectors ("lower" or "upper").
Specify lowercase or uppercase for keyword values ("lower" or "upper").
Require or disallow an empty line before at-rules ("always" or "never").
Require or disallow an empty line before comments ("always" or "never").
Require or disallow an empty line before custom properties ("always" or "never").
Require or disallow an empty line before declarations ("always" or "never").
Require or disallow an empty line before rules ("always" or "never" or "always-multi-line" or "never-multi-line").
Require or disallow quotes for font family names ("always-where-required" or "always-where-recommended" or "always-unless-keyword").
Require or disallow quotes for attribute values in selectors ("always" or "never").
Require or disallow whitespace on the inside of comment markers ("always" or "never").
Specify a list of disallowed words within comments.
Rules that allow or disallow specific values, functions, units, properties, selectors, and at-rules.
Specify a list of allowed CSS functions.
Specify a list of disallowed CSS functions.
Specify a list of allowed URL schemes for function URLs.
Specify a list of disallowed URL schemes for function URLs.
Specify a list of allowed units.
Specify a list of disallowed units.
Specify a list of allowed CSS properties.
Specify a list of disallowed CSS properties.
Specify a list of allowed property-unit pairs. Use key-value format: property -> allowed units.
Specify a list of disallowed property-unit pairs. Use key-value format: property -> disallowed units.
Specify a list of allowed property-value pairs. Use key-value format: property -> allowed values.
Specify a list of disallowed property-value pairs. Use key-value format: property -> pattern.
Specify a list of allowed pseudo-class selectors.
Specify a list of disallowed pseudo-class selectors.
Specify a list of allowed pseudo-element selectors.
Specify a list of disallowed pseudo-element selectors.
Specify a list of allowed selector combinators.
Specify a list of disallowed selector combinators.
Specify a list of disallowed attribute names in selectors.
Specify a list of allowed attribute operators in selectors.
Specify a list of disallowed attribute operators in selectors.
Specify a list of disallowed selectors.
Specify a list of allowed at-rules.
Specify a list of disallowed at-rules.
Specify a list of required properties for at-rules.
Specify a list of allowed media feature names.
Specify a list of disallowed media feature names.
Specify a list of allowed media feature name and unit pairs.
Specify a list of allowed media feature name and value pairs.
Specify a list of disallowed properties within rules by selector.
Specify a list of required nesting at-rules.
Rules that enforce naming patterns via regex for selectors, keyframes, and custom properties.
Specify a regex pattern for class selectors.
Specify a regex pattern for ID selectors.
Specify a regex pattern for selectors of rules nested within rules.
Specify a regex pattern for keyframe names.
Specify a regex pattern for custom properties.
Specify a regex pattern for custom media query names.
Specify a regex pattern for comments.
Specify a regex pattern for container names.
Specify a regex pattern for layer names.
Get started
1{}