microsoft / microsoft/vscode-css-languageservice
False positive when using interpolation inside custom at-rule in scss
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 384
- Forks
- 217
- Avg merge
- 3d 16h
- Merged PRs (30d)
- 14
Description
Below code raises "at-rule or selector expected scss(css-ruleorselectorexpected)" error.
This was observed not only in the stable build I was using but also in the latest insiders build (1.97.0-insider clean installation) that I installed separately for verification.
Is this the intended behavior?
Example Code
styles.scss
$base: 16px;
.container {
@custom {
--a-variable: #{90 * $base};
}
}
// ^- at-rule or selector expectedscss(css-ruleorselectorexpected)
.vscode/settings.json
{
"css.customData": [
".vscode/custom.css-data.json"
]
}
.vscode/custom.css-data.json
{
"version": 1.1,
"atDirectives": [
{
"name": "@custom"
}
]
}
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the diagnostic with styles.scss, .vscode/settings.json, and .vscode/custom.css-data.json, focusing on the nested @custom at-rule and its interpolated value. Trace how custom at-rules are handled in SCSS validation and add regression coverage; done means the example no longer reports a false “at-rule or selector expected” error.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- scss, typescript
- Domain
- frontend, tooling
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100