css/property-casing
enforce specific casing for CSS properties
- ⚙️ 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 warn the CSS property names other than the configured casing.
/* eslint css/property-casing: "error" */
/* ✓ GOOD */
var foo = <div
style={
{
backgroundColor: 'red'
}
} >
</div>
/* ✗ BAD */
var foo = <div
style={
{
'background-color': 'red'
}
} >
</div>
🔧 Options
json
{
"css/property-casing": ["error",
"camelCase", // or "kebab-case"
]
}
"camelCase"
... Enforce CSS property names to camel case. This is default."kebab-case"
... Enforce CSS property names to kebab case.
🚀 Version
This rule was introduced in eslint-plugin-css v0.1.0