VSCode CSS vars/env autocomplete

This is a fork of vscode-css-variables-autocomplete

VSCode extension for CSS var and env var autocomplete

How it works

It currently works with both CSS var, PostCSS env variables and custom token variables.

Configuration

You must add (or update) the configuration inside .vscode/settings.json:

{
  "cssEnvVarsAutocomplete.varFiles": [ "variables.css" ],
  "cssEnvVarsAutocomplete.envFiles": [ "env.css", "env-vars.json" ],
}

All configuration keys

• varFiles - Array of paths to the .css files containing a :root selector and the variables inside
• envFiles - Array of paths to the .css files containing a :root selector and the variables inside OR Array of paths to the .json files containing a json rapresentation of the variables (also nested)
• languageModes - Specify custom language modes if default not suits you.

Example of CSS file

:root {
  --my-nice-var: 10px;
  --another-nice-var: 20px;
}

Example of JSON file

{
  "my": {
    "nice": {
      "var": "10px"
    }
  }
}

License

LasaleFamine MIT