vunguyentuan/vscode-css-variables

Plug-ins don't work.

Closed this issue · 13 comments

I installed a plugin and it doesn't work.
I would like to know how to use this plugin in detail.

Doesn't do anything for me either.

Here's my settings.json:

{
    "cssVariables.lookupFiles": [
        "src/css/variables/_colors.variables.css"
    ]
}

image

The extension works fine for me. I have a similar settings to what @franktopel has. If it makes a difference, I'm on a Mac and using scss files.

Doesn't work for me either, I'm on mac and using PostCSS (.css) files.

Neither for me

Neither for me

Well, it does work. By looking into the code, I was able to find the problem:
In setting.json you have to correctly configure the json object:

{
    "cssVariables": {
      "lookupFiles": [
        "my/public/or/whatever/variables.css",
      ]
    }
}

Be really sure that your path is correct (my path was not).
Now, regarding the completion, for the most part works well. However, if you already typed var(--, the plug in completes with var(--, therefore, inserting var twicevar(var(--some-css-variable)).

@neoglez I've published a new version 2, no need configuration file

Sorry if I missed something but it still doesn't work:
Enregistrement de l’écran 2021-12-20 à 10 42 59

@AlexisWalravens could you share your variables.css file and also how the folder structure looks like?

@AlexisWalravens also try to reload the vscode

Of course, here it is: https://github.com/AlexisWalravens/postcss-boilerplate

Edit: It works actually when the file is set to CSS but if it's set to PostCSS it doesn't.

Doesn't work.
image
Works.
image

@AlexisWalravens This should be fixed on the latest version. Thanks, Alex!

@vunguyentuan Thanks for you plugin and your reactivity.

Sadly when setting the file to PostCSS it still doesn't work.
I reloaded and even restarted VS Code.
(I checked I have the latest version v2.1.3 - Last updated 23/12/2021, 02:19:17)

@AlexisWalravens I think this is a bigger issue postcss vscode plugin not this plugin csstools/postcss-language#2.