Skip to content
This repository has been archived by the owner on Mar 15, 2020. It is now read-only.

An extension to add CSS Modules syntax highlighting to VSCode.

License

Notifications You must be signed in to change notification settings

AndrewLeedham/vscode-css-modules

Repository files navigation

vscode-css-modules

An extension to add CSS Modules syntax highlighting to VSCode.

Travis CI Status Visual Studio Marketplace Installs Downloads semantic-release commit style angular license MIT Languages CSS, SCSS, SASS Greenkeeper badge

VSCode Window showing the plugin in action

Features

Adds the following CSS Modules specific rule and attribute syntax highlighting on top of regular CSS/SCSS/SASS.

  • @value variable decleration: regular and namespaced.
  • composes: attribute: local and imports.
  • :global pseudo class.
  • :local pseudo class.

Known Issues

Currently this extension only supports syntax highlighting. So errors may be thrown if you are using somesort of linter. A suggested work-around is to add the following settings to your workspace:

{
    "css.lint.validProperties": [
        "composes"
    ],
    "css.lint.unknownAtRules": "ignore",
    "scss.lint.validProperties": [
        "composes"
    ],
    "scss.lint.unknownAtRules": "ignore"
}

CHANGELOG | LICENSE