css/prefer-reduce-shorthand-property-box-values
require reduction in box values of shorthand property
- ⚙️ This rule is included in
"plugin:css/standard"
. - 🔧 The
--fix
option on the command line can automatically fix some of the problems reported by this rule.
📖 Rule Details
This rule aims to reduce the box values of the shorthand properties.
This rule was inspired by Stylelint's shorthand-property-no-redundant-values rule.
/* eslint css/prefer-reduce-shorthand-property-box-values: "error" */
/* ✓ GOOD */
var foo = <div
style={
{
padding: '8px'
}
} >
</div>
/* ✗ BAD */
var foo = <div
style={
{
padding: '8px 8px 8px 8px'
}
} >
</div>
🔧 Options
Nothing.
📚 Further reading
🚀 Version
This rule was introduced in eslint-plugin-css v0.3.0