Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Modular CSS Syntax HighlighterNew to Visual Studio Code? Get it now.
Modular CSS Syntax Highlighter

Modular CSS Syntax Highlighter

Andrew Leedham

|
2,930 installs
| (0) | Free
An extension to add Modular-CSS syntax highlighting to VSCode.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-modular-css

An extension to add Modular CSS syntax highlighting to VSCode.

CI Status Visual Studio Marketplace Installs Downloads

license MIT semantic-release commit style angular Dependabot Status

VSCode Window showing the plugin in action

Features

Adds the following Modular-CSS specific rule and attribute syntax highlighting on top of regular CSS.

  • @value variable decleration: regular, namespaced and wildcard imports.
  • composes: attribute: local and imports.
  • :external pseudo class: local and imports.
  • :global 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

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft