CSS variables across files

[minkir014]

Provide CSS variables autocompletion across files.

[maxgaurav]

Any update on this?

[MartinDoyleUK]

In terms of features, this would be really helpful. We use CSS variables to make dynamic theming work slickly, and it would be super helpful to have VSCode find all CSS files with variable definitions in and to then start prompting as soon as -- is entered in ANY file (because we not only use them in CSS, but also TSX files and even raw JavaScript via a helper).

[myWsq]

Any update on this?

[ronilaukkarinen]

I'm also looking for this.

[karimshalapy]

Any update on this?

[gabriellecrawford]

another vote for this one, we also use variables at Oracle and this would be helpful.

[matronator]

Is there no hope for this?

[ronilaukkarinen]

I have been using CSS var Hint extension, it does the job.

[jasonwilliams]

custom properties auto complete is already working within file, so I guess someone would need to try and see how that works, then use some global registry to put the suggestions into so that they can be picked up from any file?

This is the highest voted issue on this repo, I wonder if @aeschli is still interested in pursuing this or maybe some people can try having a go?

[aeschli]

Everyone is welcome to tackle this. All css-language-service issues are assigned to me as I maintain the node module, not because I work on them.

[jasonwilliams]

@aeschli could you offer any insight to anyone who would be attempting to fix this issue? Is there a good place to start? or anything to know about? Is hierarchy taken into account with variables or is it just a plain cache all variables go into and are retrieved from?

[aeschli]

@jasonwilliams You can see here how this currently done. We suggest all referenced variables as well as all declared variable in the scope, but only in the current document. There's no following/resolving of imports or searching other files in the 'same project'.

[DavidSouther]

I would add to this (probably as a follow up request, but if it's added when someone picks the issue up that's awesome) an error on custom properties used in a var() that have no definition.

[DavidSouther]

A naive first parse of "all custom property left-hand sides" will be over-indexing, in that there are custom properties created in some selectors that would never be applicable to another selector. However, that seems like an exceedingly edge case.

[johnsoncodehk]

I want to resolve this when I have time, I think it is not too difficult, but must to have some small changes for API.

[andelkocvjetkovic]

Would be nice if this could work.

[timsofteng]

+1
would be so helpful

[John60676]

I want to resolve this when I have time, I think it is not too difficult, but must to have some small changes for API.

Any update on this?