Sass/SCSS language support for CodeMirror https://codemirror.net/
  • TypeScript 100%
Find a file
2026-04-15 11:34:45 +02:00
src Update github links 2026-04-14 20:56:30 +02:00
.gitignore Initial add 2023-04-20 16:57:17 +02:00
.npmignore Initial add 2023-04-20 16:57:17 +02:00
CHANGELOG.md Mark version 6.0.2 2023-06-05 09:34:54 +02:00
LICENSE Initial add 2023-04-20 16:57:17 +02:00
package.json Update github links 2026-04-14 20:56:30 +02:00
README.md Update github links 2026-04-14 20:56:30 +02:00

@codemirror/lang-sass NPM version

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