[ 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.

Usage

import {EditorView, basicSetup} from "codemirror"
import {css} from "@codemirror/lang-css"

const view = new EditorView({
  parent: document.body,
  doc: `p { background-color: purple }`,
  extensions: [basicSetup, css()]
})

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.