https://github.com/textualize/tcss-vscode-extension

VS Code extension that enables syntax highlighting for Textual CSS files.
https://github.com/textualize/tcss-vscode-extension

Last synced: about 1 year ago
JSON representation

VS Code extension that enables syntax highlighting for Textual CSS files.

• Host: GitHub
• URL: https://github.com/textualize/tcss-vscode-extension
• Owner: Textualize
• License: mit
• Created: 2023-07-27T14:48:40.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-01-09T11:03:07.000Z (over 2 years ago)
• Last Synced: 2024-05-11T22:41:37.021Z (about 2 years ago)
• Language: TypeScript
• Size: 2.47 MB
• Stars: 9
• Watchers: 4
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Textual CSS Syntax Highlighter

## Features

Does syntax highlighting for Textual CSS files (files with the extension `.tcss`).

![A view of a highlighted file.](./tcss.png)

It also does highlighting inside `CSS` and `DEFAULT_CSS` class variables in Python files:

![A Python file and a `CSS` class variable highlighted.](./python_injection.png)

## Grammar dependency

This extension uses the grammar `tcss.tmGrammar.json` that is converted from the YAML grammar in the [TCSS TextMate grammar repository](https://github.com/Textualize/tcss-textmate-grammar).

To convert the YAML grammar into this JSON grammar, use

```bash

npx js-yaml ../tcss-textmate-grammar/grammar.yaml > syntaxes/tcss.tmGrammar.json

```

## Release Notes

See the [change log](./CHANGELOG.md).