Skip to content

css-variables Intellisense via vscode settings

Features

Auto-complete var().
Auto-complete CSS variables from that are set in user or workspace vscode settings. Triggered by -

Config

CSS Variables are populated from the the user's configs.

  "css-variables": {
    "variables": {
      "color-": ["blue", "green", "red"],
      "shadow-": ["xs", "md", "lg"],
    }
  },

This will create variables

    [
        "--color-blue",
        "--color-green",
        "--color-red",
        "--shadow-xs",
        "--shadow-md",
        "--shadow-lg",
    ]

Changelog