eslint / eslint/css

Change Request: support CSS-in-JS

Open
#30 8 comments 13 reactions 1 assignee Claimed by @nzakas View on GitHub
enhancement Stale
Dominant language
JavaScript
Stars
308
Forks
44
Avg merge
2d 6h
Merged PRs (30d)
18

Description

### Environment

Node version: v22.11.0
npm version: v10.9.0
Local ESLint version: v9.16.0 (Currently used)
Global ESLint version: Not found
Operating System: darwin 24.1.0

### What problem do you want to solve?

I'd like the plugin to work for CSS-in-JS solutions like [styled-components](https://github.com/styled-components/styled-components), [emotion](https://github.com/emotion-js/emotion), [linaria](https://github.com/callstack/linaria) and [React inline styles](https://react.dev/reference/react-dom/components/common#:~:text=style%3A%20An%20object%20with%20CSS%20styles%2C%20for%20example%20%7B%20fontWeight%3A%20%27bold%27%2C%20margin%3A%2020%20%7D).

### What do you think is the correct solution?

In stylelint, you can use [PostCSS parser](https://stylelint.io/user-guide/options/#customsyntax) for that purpose. Here is an example: https://github.com/hudochenkov/postcss-styled-syntax

So I guess https://github.com/eslint/css/issues/29 is related

### Participation

- [ ] I am willing to submit a pull request for this change.

### Additional comments

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.