Git Product home page Git Product logo

Comments (13)

franktopel avatar franktopel commented on May 31, 2024

Doesn't do anything for me either.

Here's my settings.json:

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

image

from vscode-css-variables.

literalpie avatar literalpie commented on May 31, 2024

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.

from vscode-css-variables.

AlexisWalravens avatar AlexisWalravens commented on May 31, 2024

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

from vscode-css-variables.

neoglez avatar neoglez commented on May 31, 2024

Neither for me

from vscode-css-variables.

neoglez avatar neoglez commented on May 31, 2024

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

from vscode-css-variables.

vunguyentuan avatar vunguyentuan commented on May 31, 2024

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

from vscode-css-variables.

AlexisWalravens avatar AlexisWalravens commented on May 31, 2024

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

from vscode-css-variables.

vunguyentuan avatar vunguyentuan commented on May 31, 2024

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

from vscode-css-variables.

vunguyentuan avatar vunguyentuan commented on May 31, 2024

@AlexisWalravens also try to reload the vscode

from vscode-css-variables.

AlexisWalravens avatar AlexisWalravens commented on May 31, 2024

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

from vscode-css-variables.

vunguyentuan avatar vunguyentuan commented on May 31, 2024

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

from vscode-css-variables.

AlexisWalravens avatar AlexisWalravens commented on May 31, 2024

@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)

from vscode-css-variables.

vunguyentuan avatar vunguyentuan commented on May 31, 2024

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

from vscode-css-variables.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.