Skip to content

Latest commit

 

History

History
44 lines (29 loc) · 1.64 KB

README.md

File metadata and controls

44 lines (29 loc) · 1.64 KB

Visual Studio Code SCSS Support for HTML Documents

Missing SCSS support for HTML documents. This project is a fork of the HTML CSS Support extension by ecmel but it uses the SCSSLanguageService instead of CSS.

Features

  • Class attribute completion.
  • Id attribute completion.
  • Supports @import.
  • Scans workspace folder for scss files.
  • Supports Angular projects by looking for component scss files relative to the opened component html file.
  • Press F12 to go to definition(s).
  • Uses vscode-css-languageservice.

Supported Languages

  • html
  • typescript inline template (e.g. Angular Components)
  • laravel-blade
  • razor
  • vue

example

Go To Definition(s)

Press F12 to go to definition(s) of a scss class.

example

Workspace settings

Extension settings can be set in the workspace settings.

  • htmlScss.globalStyles: Array of filepaths. When this setting is not present all scss files in the workspace will be used. When the array is empty, no files will be used.
  • htmlScss.isAngularProject: Set to true if you want the extension to look for scss files relative to a opened component html file.

Example

example