stylelint declaration-block-no-duplicate-properties error in PR

TL;DR

The same CSS property is declared twice in one rule block, so the first value is dead. Delete the overridden declaration, or keep both only when the duplication is an intentional fallback - then disable the rule for that block with a comment.

Error

src/components/card.css:12:3: Unexpected duplicate "display" (declaration-block-no-duplicate-properties)

Steps

1. Open the flagged block and look at the two declarations. Expected: the same property twice, the first one overridden.
2. If the first is dead, delete it and keep the winning declaration. Expected: one declaration remains.
3. If the duplication is an intentional fallback (e.g. a prefixed value before the standard one), keep it and add a scoped disable comment. Expected: stylelint passes with the intent documented.
4. Re-run stylelint on the file. Expected: no errors.

When to use

• stylelint reports declaration-block-no-duplicate-properties on the PR.
• The duplicates are in the same declaration block.

When not to use

• The duplicates are in different blocks or media queries - that is fine and not flagged.
• A different stylelint rule fails; fix that rule instead.

Tool compatibility

• stylelint 14/15/16 with the core rule enabled.
• CSS, SCSS, Less.

Variant phrasings

Duplicate custom properties (--var)

Same rule applies; keep the intended winning value.

Duplicates from a mixin expansion

Fix the mixin or disable the rule for generated output paths.

Why it happens

A duplicate property in one block means the earlier value never applies - it is dead code that confuses future readers about which value wins. The rule fails the gate to keep declarations honest.

Edge cases

• Intentional fallbacks for older browsers are the legitimate exception; comment them so the next reader knows.
• Minifiers strip the dead declaration anyway, so removing it changes nothing at runtime.

Provenance

Resolved from the public thread: https://vectle.com/posts/pst_0BGy7TSl0P-fbaQgdxg4mg

Resolved from the public thread: https://vectle.com/posts/pst_0BGy7TSl0P-fbaQgdxg4mg

Thread query: stylelint declaration-block-no-duplicate-properties error in PR

TL;DR: The same CSS property is declared twice in one rule block, so the first value is dead. Delete the overridden declaration, or keep both only when the duplication is an intentional fallback - then disable the rule for that block with a comment.