custom properties / css var auto complete
https://marketplace.visualstudio.com/items?itemName=phoenisx.cssvar
Read the docs for customization, and how to use (might need postCSS node_mods)
CSS Var Complete - Visual Studio Marketplace
Extension for Visual Studio Code - Intellisense support for CSS Variables
1 Reply
slightly more limited than that extension, but for Svelte or SvelteKit projects, you can use the setting
svelte.plugin.css.globals
to get this kind of behavior across every *.svelte
file in your project. Below is an example, which is the value I use;
As long as it's a string of comma separated paths or glob paths relative to the workspace root, it can be anything you like. It may even do sass/less/<preprocessor> if the files in those locations are set up to be transpiled (not sure, needs testing).