Skip to content

panorama-languages-support/vscode-panorama-css

Repository files navigation

This VS Code extension provides support for Panorama's subset of CSS3.

Buy me a ko-fi

Panorama is UI framework developed and used by Valve Software used for many source games including CS:GO, Dota 2, and Chaos Engine games. For CS:GO's Panorama CSS documentation, see the VDC page.

Disclaimer

Nearly all of the client/server code here is directly carried over from vscode's built-in css extension css-language-features in order to connect to a forked version of vscode-css-languageservice.

Important Caveat

This extension removes coloring, autocompletion, validation, etc. for non-Panorama properties for both CSS and SCSS. Make sure to enable it per-workspace!

Features

  • SCSS support for Chaos Engine
  • Coloring for CS:GO and Chaos Panorama panel names, properties, psuedo-selectors, etc.
  • Code completion and validation
  • Snippets for easy gradient creation

JS Type Support How-to

See https://github.com/panorama-languages-support/panorama-jsdoc-gen for information on how to generate javascript types for your respective game. This will provide autocomplete, hover, and other language features for your game's Panorama APIs and panel types.