Skip to content

panorama-languages-support/vscode-panorama-css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

82 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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.