Disallow redundant values in shorthand properties.
a { margin: 1px 1px 1px 1px; }
/** ↑ ↑ ↑
* These values */
This rule alerts you when you use redundant values in the following shorthand properties:
margin
padding
border-color
border-radius
border-style
border-width
grid-gap
The --fix
option on the command line can automatically fix all of the problems reported by this rule.
The following patterns are considered violations:
a { margin: 1px 1px; }
a { margin: 1px 1px 1px 1px; }
a { padding: 1px 2px 1px; }
a { border-radius: 1px 2px 1px 2px; }
a { -webkit-border-radius: 1px 1px 1px 1px; }
The following patterns are not considered violations:
a { margin: 1px; }
a { margin: 1px 1px 1px 2px; }
a { padding: 1px 1em 1pt 1pc; }
a { border-radius: 10px / 5px; }