CSS Variables
💡 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.
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
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: