Skip to content

willofindie/vscode-cssvar

Repository files navigation

CssVar Icon

CSS Variables

Please vote/rate and star this project to show your support. ❤️

     
  

💡 Features:

This extension helps provide autocompletion IntelliSense for globally shared CSS Variables and more.

How the extension works:

  • When adding a new CSS declaration property value, press --.
  • This opens a completion list dropdown, with all the CSS variables in the list.
  • Select and add the variable of your choice, to autocomplete.

Auto Completion, Color swatches, Goto Definition

This extension has in-built support for parsing: css, scss, less, js, jsx, ts, tsx source file extensions and providing CSS variable suggestions from them.

Details can be read in Customization Doc.

Autocomplete, Color Swatches Variables Goto Definition


Customization

If your project uses sass or styl or some other custom source file extension, and you are facing issues to setup this VSCode extension, please read Customization Doc.


Theme Support

Read more about Theming here

Theming Exclude Duplicates


CSS Level 4 color spec support

Limited support to keep bundle size small.
Except for color() api, every other CSS color is supported. Please find details for CSS colors here in MDN Docs


🔖 Appendix: