# Introduction

eslint-plugin-css (opens new window) is an ESLint plugin that provides rules to verify CSS definition objects.

(opens new window) (opens new window) (opens new window) (opens new window) (opens new window) (opens new window) (opens new window) (opens new window) (opens new window)

::: WORKING IN PROGRESS :::

# 📛 Features

This ESLint plugin provides linting rules to verify CSS definition objects.

Find the wrong usage of CSS definition objects, and their hints.
Support for Vue and JSX (React).
Partial support for styled-components (opens new window) style objects.

You can check on the Online DEMO.

vue jsx

# ❓ Why is it ESLint plugin?

Stylelint (opens new window) partially supports CSS in JS, but some issues haven't been resolved for a long time.
Also, CSS definitions using template literals are similar to CSS syntax, but CSS definitions using JavaScript objects are not. ESLint may work better for linting JavaScript objects.

# 📖 Usage

See User Guide.

# ✅ Rules

See Available Rules.

# ⚙️ Settings

See Settings.

# 🔒 License

See the LICENSE file for license rights and limitations (MIT).

User Guide →