提示 scss和css 颜色/尺寸变量

• 配置 settings.json

{
  "var-css-support": {
    "entry": ["/src/assets/sass/_variable.scss"], // 变量源文件
    "colorValShow": true, // 是否将颜色值显示出来
    "enableNativeVar": true, // 是否包含css变量
    "fileType": [
      //需要检测的文件类型
      "scss",
      "css",
      "vue"
    ]
  },
  "var-css-colors": {
    "type": "array",
    "description": "颜色-需要提示的css属性",
    "default": [
      "background",
      "color",
      "background-color",
      "border-color",
      "outline-color",
      "text-decoration-color",
      "caret-color",
      "column-rule-color",
      "fill",
      "stroke",
      "box-shadow",
      "text-shadow",
      "accent-color",
      "stop-color",
      "flood-color",
      "lighting-color"
    ]
  },
  "var-css-size": {
    "type": "array",
    "description": "尺寸-需要提示的css属性",
    "default": [
      "width",
      "min-width",
      "max-width",
      "height",
      "min-height",
      "max-height",
      "font-size",
      "line-height",
      "border-width",
      "border-radius",
      "padding",
      "padding-top",
      "padding-right",
      "padding-bottom",
      "padding-left",
      "margin",
      "margin-top",
      "margin-right",
      "margin-bottom",
      "margin-left",
      "top",
      "right",
      "bottom",
      "left",
      "outline-width",
      "column-width",
      "letter-spacing",
      "word-spacing",
      "text-indent",
      "gap",
      "row-gap",
      "column-gap",
      "box-shadow",
      "text-shadow",
      "clip-path",
      "grid-auto-rows",
      "grid-auto-columns",
      "grid-template-rows",
      "grid-template-columns",
      "border-spacing",
      "scroll-margin",
      "scroll-margin-top",
      "scroll-margin-right",
      "scroll-margin-bottom",
      "scroll-margin-left",
      "scroll-padding",
      "scroll-padding-top",
      "scroll-padding-right",
      "scroll-padding-bottom",
      "scroll-padding-left",
      "mask-position",
      "mask-size",
      "background-position",
      "background-size"
    ]
  }
}