Panorama CSS Support

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

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.