Skip to content

Files

Latest commit

 

History

History
45 lines (29 loc) · 1.59 KB

no-shorthand-style-property-overrides.md

File metadata and controls

45 lines (29 loc) · 1.59 KB

Pattern: Use of shorthand style property override

Issue: -

Description

This rule reports when a shorthand style property overrides a previously defined longhand property.

This rule was inspired by Stylelint's declaration-block-no-shorthand-property-overrides rule.

<script>
  /* eslint svelte/no-shorthand-style-property-overrides: "error" */
  let red = 'red';
</script>

<!-- ✓ GOOD -->
<div style:background-repeat="repeat" style:background-color="green">...</div>
<div style="background-repeat: repeat; background-color: {red};">...</div>
<div style:background-repeat="repeat" style="background-color: {red}">...</div>

<!-- ✗ BAD -->
<div style:background-repeat="repeat" style:background="green">...</div>
<div style="background-repeat: repeat; background: {red};">...</div>
<div style:background-repeat="repeat" style="background: {red}">...</div>

🔧 Options

Nothing.

📚 Further reading

🚀 Version

This rule was introduced in eslint-plugin-svelte v0.31.0

🔍 Implementation