Language Server Settings

This document describes the settings available in the Some Sass language server. For the VS Code extension, see the settings user guide.

These are the recommended settings if you're just getting started.

{
	// Recommended if you don't rely on @import
	"somesass.scss.completion.suggestFromUseOnly": true,
	"somesass.sass.completion.suggestFromUseOnly": true,
}

Settings reference

You can configure similar settings for both SCSS, Sass (indented) and CSS. There are also some settings that apply to the workspace regardless of syntax.

Workspace

IdDescriptionDefault
somesass.workspace.loadPathsA list of paths relative to the workspace root where the language server should look for stylesheets loaded by @use and @import. node_modules is always included. Note that you will have to configure your Sass compiler separately.[]
somesass.workspace.excludeList of glob patterns for directories that are excluded in the initial scan for Sass files. Files in the exclude list will still be processed if referenced by @use, @forward and @import (for example a depencendy you use from node_modules).["**/.git/**", "**/node_modules/**"]
somesass.workspace.logLevelControl how much gets logged to the Output window. Possible values are "silent", "fatal", "error", "warn", "info", "debug" and "trace"."info"
some-sass.trace.serverLog the messages sent between VS Code and the Some Sass language server. Possible values are "off", "messages" and "verbose""off"

SCSS

For brevity the ID column omits the somesass.scss prefix. For example, to use the setting codeAction.enabled use the ID somesass.scss.codeAction.enabled.

IdDescriptionDefault
codeAction.enabledEnable or disable all code actions.true
colors.enabledEnable or disable all color decorators.true
colors.includeFromCurrentDocumentCompatibility setting for VS Code. By default the built-in SCSS server shows color decorators for variables declared in the current document. To avoid duplicates Some Sass will not show them unless you opt in.true
completion.enabledEnable or disable all completions (IntelliSense).true
completion.includeFromCurrentDocumentCompatibility setting for VS Code. By default the built-in SCSS server shows suggestions for variables, mixins and functions declared in the current document. To avoid duplicates Some Sass will not suggest them unless you opt in.true
completion.suggestFromUseOnlyIf your project uses the new module system with @use and @forward, you may want to only include suggestions from your used modules.false
completion.mixinStyleControls the style of suggestions for mixins. Options are "all", "nobracket" (only show suggestions without brackets) and "bracket" (where brackets are suggested, don't suggest without brackets)."all"
completion.triggerPropertyValueCompletionBy default, Some Sass triggers property value completion after selecting a CSS property. Use this setting to disable this behavior.true
completion.completePropertyWithSemicolonInsert semicolon at end of line when completing CSS properties.true
definition.enabledEnable or disable Go to Definition.true
diagnostics.enabledEnable or disable all diagnostics (deprecation, errors and lint rules).true
diagnostics.deprecation.enabledEnable or disable deprecation diagnostics (strike-through).true
diagnostics.lint.enabledEnable or disable all linting.true
diagnostics.lint.*For the available lint rules and what they do, see the VS Code docs for CSS and SCSS lint settings
foldingRanges.enabledEnable or disable folding ranges.true
highlights.enabledEnable or disable highlights.true
hover.enabledEnable or disable all hover information.true
hover.documentationShow property and value documentation in CSS hovers.true
hover.referencesShow references to MDN in CSS hovers, Sass documentation for Sass built-in modules and SassDoc for annotations.true
links.enabledEnable or disable the link provider that lets you click an import and open the file.true
references.enabledEnable or disable Find all references.true
rename.enabledEnable or disable Rename.true
selectionRanges.enabledEnable or disable selection ranges.true
signatureHelp.enabledEnable or disable signature help.true
workspaceSymbol.enabledEnable or disable workspace symbol.true

Sass indented

For brevity the ID column omits the somesass.sass prefix. For example, to use the setting codeAction.enabled use the ID somesass.sass.codeAction.enabled.

IdDescriptionDefault
codeAction.enabledEnable or disable all code actions.true
colors.enabledEnable or disable all color decorators.true
completion.enabledEnable or disable all completions (IntelliSense).true
completion.suggestFromUseOnlyIf your project uses the new module system with @use and @forward, you may want to only include suggestions from your used modules.false
completion.mixinStyleControls the style of suggestions for mixins. Options are "all", "nobracket" (only show suggestions without brackets) and "bracket" (where brackets are suggested, don't suggest without brackets)."all"
completion.triggerPropertyValueCompletionBy default, Some Sass triggers property value completion after selecting a CSS property. Use this setting to disable this behavior.true
definition.enabledEnable or disable Go to Definition.true
diagnostics.enabledEnable or disable all diagnostics (deprecation, errors and lint rules).true
diagnostics.deprecation.enabledEnable or disable deprecation diagnostics (strike-through).true
diagnostics.lint.enabledEnable or disable all linting.true
diagnostics.lint.*For the available lint rules and what they do, see the VS Code docs for CSS and SCSS lint settings
foldingRanges.enabledEnable or disable folding ranges.true
highlights.enabledEnable or disable highlights.true
hover.enabledEnable or disable all hover information.true
hover.documentationShow property and value documentation in CSS hovers.true
hover.referencesShow references to MDN in CSS hovers, Sass documentation for Sass built-in modules and SassDoc for annotations.true
links.enabledEnable or disable the link provider that lets you click an import and open the file.true
references.enabledEnable or disable Find all references.true
rename.enabledEnable or disable Rename.true
selectionRanges.enabledEnable or disable selection ranges.true
signatureHelp.enabledEnable or disable signature help.true
workspaceSymbol.enabledEnable or disable workspace symbol.true

CSS

For brevity the ID column omits the somesass.css prefix. For example, to use the setting codeAction.enabled use the ID somesass.css.codeAction.enabled.

IdDescriptionDefault
codeAction.enabledEnable or disable all code actions.true
colors.enabledEnable or disable all color decorators.true
completion.enabledEnable or disable all completions (IntelliSense).true
completion.triggerPropertyValueCompletionBy default, Some Sass triggers property value completion after selecting a CSS property. Use this setting to disable this behavior.true
completion.completePropertyWithSemicolonInsert semicolon at end of line when completing CSS properties.true
definition.enabledEnable or disable Go to Definition.true
diagnostics.enabledEnable or disable all diagnostics (deprecation, errors and lint rules).true
diagnostics.deprecation.enabledEnable or disable deprecation diagnostics (strike-through).true
diagnostics.lint.enabledEnable or disable all linting.true
diagnostics.lint.*For the available lint rules and what they do, see the VS Code docs for CSS and SCSS lint settings
foldingRanges.enabledEnable or disable folding ranges.true
highlights.enabledEnable or disable highlights.true
hover.enabledEnable or disable all hover information.true
hover.documentationShow property and value documentation in CSS hovers.true
hover.referencesShow references to MDN in CSS hovers, Sass documentation for Sass built-in modules and SassDoc for annotations.true
links.enabledEnable or disable the link provider that lets you click an import and open the file.true
references.enabledEnable or disable Find all references.true
rename.enabledEnable or disable Rename.true
selectionRanges.enabledEnable or disable selection ranges.true
signatureHelp.enabledEnable or disable signature help.true
workspaceSymbol.enabledEnable or disable workspace symbol.true
customDataA list of relative file paths pointing to JSON files following the custom data format. Some Sass loads custom data on startup to enhance its CSS support for CSS custom properties (variables), at-rules, pseudo-classes, and pseudo-elements you specify in the JSON files. The file paths are relative to workspace and only workspace folder settings are considered.[]