microsoft / microsoft/vscode-css-languageservice

Parse CSS modules syntax for @keyframes :local(ident)

Open
#393 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
384
Forks
217
Avg merge
3d 16h
Merged PRs (30d)
14

Description

The VSCode CSS parser fails to parse the CSS modules syntax for scoping keyframes identifiers:

Screenshot 2024-05-24 at 13 22 36

The SASS tool (both the Dart and C++) implementations parse the @keyframes identifier either as a selector, or just as a generic raw params string (anything between atrule and start of the block), I'm not sure. But they are able to pass the :local(ident) string to a tool like postcss-modules which transforms it into a valid, locally scoped identifier.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the VSCode CSS parser and reproduce the reported @keyframes :local(ident) syntax. Compare how the SASS tools and postcss-modules handle the identifier, then verify that the parser accepts the syntax and preserves the string for downstream transformation.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, typescript
Domain
devtools
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.