lang-sass

KO | EN

gitlite — search

#javascript #react #ai #go #golang #android #rust #deep-learning #cli #kubernetes #vue #awesome-list #openai #open-source

(★ 10)

Sass/SCSS language support for CodeMirror

lang-sass Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

**This repository has moved to https://code.haverbeke.berlin/codemirror/lang-sass**

# @codemirror/lang-sass [![NPM version](https://img.shields.io/npm/v/@codemirror/lang-sass.svg)](https://www.npmjs.org/package/@codemirror/lang-sass)

[ [**WEBSITE**](https://codemirror.net/) | [**ISSUES**](https://code.haverbeke.berlin/codemirror/dev/issues) | [**FORUM**](https://discuss.codemirror.net/) | [**CHANGELOG**](https://code.haverbeke.berlin/codemirror/lang-sass/src/branch/main/CHANGELOG.md) ]

This package implements Sass/SCSS language support for the
[CodeMirror](https://codemirror.net/) code editor.

The [project page](https://codemirror.net/) has more information, a
number of [examples](https://codemirror.net/examples/) and the
[documentation](https://codemirror.net/docs/).

This code is released under an
[MIT license](https://code.haverbeke.berlin/codemirror/lang-css/tree/main/LICENSE).

We aim to be an inclusive, welcoming community. To make that explicit,
we have a [code of
conduct](http://contributor-covenant.org/version/1/1/0/) that applies
to communication around the project.

## Usage

```javascript
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

<dl>
<dt id="user-content-sass">
 <code><a href="#user-content-sass">sass</a>(<a id="user-content-sass^config" href="#user-content-sass^config">config</a>&#8288;?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">Object</a>) → <a href="https://codemirror.net/docs/ref#language.LanguageSupport">LanguageSupport</a></code></dt>

<dd>Language support for CSS.
<dl><dt id="user-content-sass^config">
 <code><a href="#user-content-sass^config">config</a></code></dt>

<dd><dl><dt id="user-content-sass^config.indented">
 <code><a href="#user-content-sass^config.indented">indented</a>&#8288;?: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Boolean">boolean</a></code></dt>

<dd>When enabled, support classical indentation-based syntax. Default
to false (SCSS syntax).
</dd></dl></dd></dl></dd>
<dt id="user-content-sasslanguage">
 <code><a href="#user-content-sasslanguage">sassLanguage</a>: <a href="https://codemirror.net/docs/ref#language.LRLanguage">LRLanguage</a></code></dt>

<dd>A language provider based on the <a href="https://code.haverbeke.berlin/lezer/sass">Lezer Sass
parser</a>, extended with
highlighting and indentation information.
</dd>
<dt id="user-content-sasscompletionsource">
 <code><a href="#user-content-sasscompletionsource">sassCompletionSource</a>: <a href="https://codemirror.net/docs/ref#autocomplete.CompletionSource">CompletionSource</a></code></dt>

<dd>Property, variable, $-variable, and value keyword completion
source.
</dd>
</dl>

lang-sass

lang-sass Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

lang-sass

lang-sass Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README