@codemirror/lang-css

@codemirror/lang-css

[ WEBSITE | ISSUES | FORUM | CHANGELOG ]

This package implements CSS language support for the CodeMirror code editor.

The project page has more information, a number of examples and the documentation.

This code is released under an MIT license.

We aim to be an inclusive, welcoming community. To make that explicit, we have a code of conduct that applies to communication around the project.

API Reference

css() → LanguageSupport

Language support for CSS.

cssLanguage: LRLanguage

A language provider based on the Lezer CSS parser, extended with highlighting and indentation information.

cssCompletionSource: CompletionSource

CSS property, variable, and value keyword completion source.

defineCSSCompletionSource(isVariable: fn(node: SyntaxNodeRef) → boolean) → CompletionSource

Create a completion source for a CSS dialect, providing a predicate for determining what kind of syntax node can act as a completable variable. This is used by language modes like Sass and Less to reuse this package's completion logic.

Similar packages

Other packages similar to @codemirror/lang-css

monaco-css

The `monaco-css` package provides CSS language support for the Monaco Editor, which is the editor that powers Visual Studio Code. It offers advanced features like syntax highlighting, code folding, and linting, similar to `@codemirror/lang-css` but is tailored for the Monaco Editor.

ace-builds

The `ace-builds` package includes CSS language support for the Ace Editor. It provides features like syntax highlighting and code folding for CSS, similar to `@codemirror/lang-css`, but is designed for the Ace Editor.