[ WEBSITE | ISSUES | FORUM | CHANGELOG ]

This package implements Sass/SCSS 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 {sass} from "@codemirror/lang-sass"

const view = new EditorView({
  parent: document.body,
  doc: `body { color: $primary-color; }`,
  extensions: [basicSetup, sass()]
})

API Reference

sass(config⁠?: Object) → LanguageSupport

Language support for CSS.

config

indented⁠?: boolean

When enabled, support classical indentation-based syntax. Default to false (SCSS syntax).

sassLanguage: LRLanguage

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

sassCompletionSource: CompletionSource

Property, variable, $-variable, and value keyword completion source.