LSP-some-sass

Sass support for Sublime’s LSP.

Provided through Some Sass language server.

Installation

• Install LSP and LSP-some-sass via Package Control.
• Install Sass syntax higlight package.
• Restart Sublime.

Configuration

There are some ways to configure the package and the language server.

• From Preferences > Package Settings > LSP > Servers > LSP-some-sass
• From the command palette Preferences: LSP-some-sass Settings

FAQ

Using with Vue SFC

When working with Vue SFC, LSP-volar is usually used to provide LSP capabilities to every part of component.

Since LSP-some-sass can be used to process style[lang="scss"] blocks in SFCs, CSS language features from LSP-volar will clash with LSP-some-sass since both are trying to provide information at the same time.

To resolve this, it’s best to disable certain LSP-volar CSS language features and let LSP-some-sass handle that.

• In LSP-some-sass.sublime-settings set selector to handle Vue SFC:

{
	"selector": "source.scss | text.html.vue"
}

• In LSP-volar.sublime-settings disable Sass features:

{
	"settings": {
		"scss.hover.documentation": false,
		"scss.hover.references": false
	}
}

Beware that there are certain features that can’t be disabled currently (duplicate color provider references).