https://github.com/csstree/vscode-plugin

CSSTree validation plugin for VS Code
https://github.com/csstree/vscode-plugin

Last synced: about 2 months ago
JSON representation

CSSTree validation plugin for VS Code

• Host: GitHub
• URL: https://github.com/csstree/vscode-plugin
• Owner: csstree
• License: mit
• Created: 2016-09-17T10:50:55.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2024-10-13T22:45:05.000Z (3 months ago)
• Last Synced: 2024-10-30T08:39:56.339Z (2 months ago)
• Language: TypeScript
• Homepage:
• Size: 74.2 KB
• Stars: 17
• Watchers: 3
• Forks: 4
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.MD
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# VSCode CSSTree Validator



An extension for Visual Studio Code that validates CSS according to W3C specifications and browser implementations.

This extension highlights incorrect at-rules, properties, and values in your CSS files. It utilizes the [CSSTree](https://github.com/csstree/validator) capabilities to analyze CSS syntax and report any issues.

> **Note:** If you encounter false positives or false negatives—such as unknown properties being flagged or invalid values not being detected—please report these issues on the [CSSTree issue tracker](https://github.com/csstree/csstree/issues).

> **Note:** Currently, CSSTree does not support selector syntax matching. As a result, this extension does not validate selectors. Selector validation will be added once it becomes available in CSSTree ([see issue #34](https://github.com/csstree/csstree/issues/34)).

![Example](https://github.com/user-attachments/assets/ed92da31-054c-4332-b548-31f2ce427e66)

## Extension Settings

- `csstree.enable`: Enable or disable the CSSTree validator extension.

## Troubleshooting

To prevent overlapping warnings with VSCode's default CSS linting, you can disable the built-in linter by adding the following setting to your configuration:

```json

"css.validate": false

```

## License

MIT