Volvo Cars CSS IntelliSense

Volvo Cars CSS IntelliSense enhances the development experience by providing Visual Studio Code users with features like autocomplete, documentaion on hover, and quick access to Design System Documentation.

Installation

Install via the Visual Studio Code Marketplace →

Features

Autocomplete

Classnames

Smart autocomplete for class names.

CSS tokens

Smart autocomplete for CSS tokens and Custom Media.

Hover Preview

Classnames

See the complete CSS for a class name by hovering over it.

CSS Tokens

See the complete CSS for a token by hovering over it.

Quick Design System Docs

Quickly access Design System documentation in the editor.

Configuration

volvoCarsCss.metaFiles

This configuration allows you to override the meta file used. By default, the extension looks for the meta file in the node_modules tree relative to the vscode workspace. You can overide this behaviour by providing your own meta file paths relative to current workspace. Multiple meta file paths will be merged allowing you to add custom css classes and tokens.

{
  "volvoCarsCss.metaFiles": [
    "./node_modules/@volvo-cars/css/dist/meta.json",
    "./custom-meta.json"
  ]
}