eslint / eslint/css

Bug: variable hoisting ignored in rule "css/no-invalid-properties"

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

Description

### Environment

ESLint version: 9.31.0
@eslint/css version: 0.10.0
Node version: 24.4.0
npm version: 11.4.2
Operating System: macOS 15.5 (24F74)

### Which language are you using?

stylesheet

### What did you do?

Configuration

```
css/no-invalid-properties: ["error"]
```

```css
/* eslint css/no-invalid-properties: ["error"] */

.test {
color: var(--myColor);
}

:root {
--myColor: blue;
}
```

### What did you expect to happen?

No error as the definition of variable --myColor should be hoisted.

### What actually happened?

Can't validate with unknown variable '--myColor'

### Link to Minimal Reproducible Example

none

### Participation

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

### 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.