noShorthandPropertyOverrides
Diagnostic Category: lint/suspicious/noShorthandPropertyOverrides
Since: v1.8.2
Sources:
Disallow shorthand properties that override related longhand properties.
For details on shorthand properties, see the MDN web docs.
Examples
Section titled ExamplesInvalid
Section titled Invalida { padding-left: 10px; padding: 20px; }code-block.css:1:25 lint/suspicious/noShorthandPropertyOverrides ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Unexpected shorthand property padding after padding-left
> 1 │ a { padding-left: 10px; padding: 20px; }
│ ^^^^^^^
2 │
Valid
Section titled Valida { padding: 10px; padding-left: 20px; }a { transition-property: opacity; } a { transition: opacity 1s linear; }