plugin-css

@putout/plugin-css

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML.

(c) MDN

🐊Putout plugin adds ability to improve css. Not bundled.

Install

npm i @putout/plugin-css -D

Rules

• ✅ apply-shorthand

Config

{
    "rules": {
        "css/apply-shorthand": "on"
    }
}

apply-shorthand

Checkout in 🐊Putout Editor.

❌ Example of incorrect code

.bar {
    margin: 1px 1px 1px 1px;
}

✅ Example of correct code

.bar {
    margin: 1px;
}

Comparison

Linter	Rule	Fix
🐊 Putout	css/apply-shorthand	✅
🤵🏻‍♂️ Stylelint	shorthand-property-no-redundant-values	✅

License

MIT