Some Sass with support for the indented syntax

[wkillerud]

Excited to share that Some Sass now has support for the indented syntax 🥳

• IntelliSense for CSS and Sass that adapts to the Sass module system
• Sass function signature helpers
• Completions for placeholder selectors for both @extend-first and placeholder first workflows
• Full workspace code navigation (go to definition, find references) and refactoring (rename symbol)
• Hover information that includes CSS documentation, SassDoc, selector specificity and more
• Color decorators
• Deprecation decorators powered by SassDoc, and warnings for mixed indentation (tabs and spaces)
• Mix and match the two syntaxes in the same workspace

Read on to learn more, including about known issues.

IntelliSense

Namespaced suggestions

The language server powering Some Sass understands the Sass module system, including prefixes, hide/show and aliases (also wildcard aliases).

namespaced-completions.mp4

SassDoc block

Quickly get started documenting your Sass code with SassDoc block completions.

sassdoc-block.mp4

SassDoc string literal union types

If you expect a set of string values, add them to your SassDoc to get them as suggestions.

string-literal-union-type.mp4

Signature helpers

Get some help remembering which parameter you're on when filling out function arguments.

signature-help.mp4

Placeholder selectors

Whether your workflow is to make and extend placeholder, or to implement existing uses of placeholder selectors (@extend-first), you'll appreciate the code suggestions Some Sass provides.

placeholder-extend-first.mp4

Workspace code navigation

Go to definition

What does this mixin actually do? Go check it out.

go-to-definition.mp4

Find references

Who uses this?

find-all-references.mp4

Hover info

SassDoc

Reap the rewards of all that SassDoc-writing.

hover-sassdoc.mp4

Property info

Why, yes, I do remember what this property does.

hover-css-property.mp4

Selector specificity

Get some help with your specifishity.

hover-specificity.mp4

Refactoring

Rename symbol across the workspace

A mixin has a name.

rename-symbol.mp4

Extract

Reuse, recycle.

extract-variable-rename.mp4

Diagnostics

SassDoc deprecation

Let your users (or future you) know not to use a thing.

deprecated.mp4

Mixing indentation

Whichever you prefer, stick to just tabs or spaces.

diagnostics-mixed-indents.mp4

Color decorators

Stop guessing what "pine" looks like.

color-decorators.mp4

Known issues

Syntax highlighting for the indented style of Sass comments does not work.

// This gets correctly highlighted as a comment
  This does not even though it's indented.
  Things still work, but word-based suggestions might pop up here.

There's probably some unknown issues as well. If you find something that doesn't work please open an issue 🙏