some-sass

Modern SCSS language server. Full support for `@use` and `@forward`, including aliases, prefixes and hiding.

Downloads
8.6K
Stars
43

Bot releases are visible (Hide)

some-sass - Workspace folders

Published by wkillerud over 1 year ago

What's Changed

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.11.1...2.11.2

some-sass - Placeholder Selectors

Published by wkillerud over 1 year ago

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.11.0...2.11.1

some-sass - Placeholder Selectors

Published by wkillerud over 1 year ago

This release brings all the bells and whistles to placeholder selectors:

  • Completions
  • Hover info, with Sassdoc
  • Go to definition
  • Find all references
  • Rename symbol

What's Changed

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.10.0...2.11.0

some-sass - March 2023

Published by wkillerud over 1 year ago

some-sass - January 2023

Published by wkillerud over 1 year ago

What's Changed

Some housekeeping

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.8.0...2.9.0

some-sass - Rename symbol

Published by wkillerud almost 2 years ago

What's Changed

Rename symbol

The headline feature is the implementation of Rename symbol support for variables, functions and mixins.

If you use @forward prefixes, only the base un-prefixed part of the symbol name will be renamed.

https://user-images.githubusercontent.com/1223410/209580840-eb059379-8c4a-4b5b-b0df-eb241110b783.mp4

Bugfixes

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.7.1...2.8.0

some-sass - Fix for completions where SassDoc type was undefined

Published by wkillerud almost 2 years ago

What's Changed

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.7.0...2.7.1

some-sass - Refactor: Extract

Published by wkillerud almost 2 years ago

What's Changed

Available when you have an active selection. Pick between extracting to a variable, function or mixin.

See the Refactoring chapter of the VS Code documentation to see how to use this feature.

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.6.4...2.7.0

some-sass - 2.6.4 - Colors!

Published by wkillerud almost 2 years ago

What's Changed

Screenshot from VS Code showing a list of SCSS variable suggestions with color previews

  • Fix color previews in code suggestions (#24)
  • Dependency updates (#23, #24)

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.6.3...2.6.4

some-sass - 2.6.3

Published by wkillerud about 2 years ago

What's Changed

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.6.2...2.6.3

some-sass - 2.6.2

Published by wkillerud about 2 years ago

What's Changed

  • fix: avoid call stack overflow if the current file links to itself
  • fix: code completion in string interpolations with preceding non-space characters (--negative-font-size: -#{ns.$font-size-1})
  • fix: code completion in @return statements with expressions (@return $var * math.$pi)
  • fix: code completion on the right side of a multiplication
  • fix: include any parameter SassDoc in function/mixin signature helper popup

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.6.1...2.6.2

some-sass - 2.6.1

Published by wkillerud about 2 years ago

What's Changed

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.6.0...2.6.1

some-sass - Web Extension

Published by wkillerud about 2 years ago

What's Changed

  • feat: web extension support
  • fix: display bug for SassDoc @see

Web Extension

Big changes under the hood made it possible to have Some Sass run as a web extension. In short, you can now use Some Sass on vscode.dev, github.dev, or anywhere else you might find Visual Studio Code in the browser.

Here we can see a familiar SassDoc preview while browsing through code over at github.dev/fylgja/fylgja.

https://user-images.githubusercontent.com/1223410/183478220-13741900-1d65-4eb3-a398-fb3f4f06cb09.mp4

What's shipping

Almost everything should work as you expect from the desktop version:

  • Full support for @use and @forward.
  • Smart module-based code completion.
  • SassDoc previews and authoring tools (generate SassDoc blocks, annotation completions and hover info).
  • Go to Definition.
  • Documentation and completions for Sass built-in modules.
  • And probably more that I'm forgetting.

One known limitation is that since node_modules is not available in the browser, these features will only work on code in the project.

How to get it

Depending on your setup (whether you are logged in with Setting Sync or not), you may need to go to the Extension Marketplace and install Some Sass manually. Once installed, you may need to:

  • Close and reopen an SCSS-file (or a Vue, Svelte, or Astro file)
  • Reload the browser window

Depending on the workspace size as well, Some Sass may need a few seconds to initialize.

Other changes

This release doesn't have that much new for users of the regular desktop version.

If you use the @see annotation in SassDoc, this release fixes a bug where it would show as [object Object] on hover. (https://github.com/wkillerud/vscode-scss/pull/15/commits/21b359a1a943cdff9710673cd6829cd618f4170d)

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.5.0...2.6.0

some-sass - 2.5.0 - Astro

Published by wkillerud about 2 years ago

What's Changed

Here's a quick summary of the changes in this version:

  • feat: add support for SCSS in Astro
  • feat: suggest choices for parameters documented with SassDoc where the parameter type is a TypeScript-like string literal union type
  • fix: code suggestions no longer include optional parameters by default
  • fix: code suggestions now work inside #{interpolation} when using namespaces
  • fix: code suggestions inside Vue and Svelte (and now Astro) no longer add a duplicate $ for variables, or . when using namespaces
  • docs: add tip about configuring Emmet when using Vue, Svelte or Astro

Add support for Astro

Now you can get all the niceties of Some Sass when you write your styles in Astro.

Along with support for this somewhat familiar component syntax, this version ships bugfixes for some pretty annoying details in code completion when inside a Vue or Svelte file. The number of extra $ and . signs should now be greatly reduced.

https://user-images.githubusercontent.com/1223410/181904945-3b7b4c8b-c951-4ae9-b377-e3c92ff482f0.mp4

Use SassDoc to suggest choices

If you use SassDoc (which I wholeheartedly recommend), this version adds a new feature to code suggestions.

Let's say you have a function or mixin that expects only a set of string values. You might document it this way with a string literal union type.

/// Get a timing value for use in animations.
/// @param {"sonic" | "link" | "homer" | "snorlax"} $mode - The timing you want
/// @return {String} - the timing value in ms
@function timing($mode) {
    @if map.has-key($_timings, $mode) {
        @return map.get($_timings, $mode);
    } @else {
        @error 'Unable to find a mode for #{$mode}';
    }
}

Now Some Sass understands that type annotation and uses it to give the user of the function or mixin a list of choices from that type.

https://user-images.githubusercontent.com/1223410/181905146-fc369b7d-5de7-45b3-a4f4-7b80bd92dde5.mp4

Other changes

When a function or mixin has optional parameters Some Sass now suggests two variations in code completion:

  1. Higher ranked: the function or mixin without optional parameters.
  2. Lower ranked: the function or mixin with all parameters.

If you want the full parameter list, hit Arrow key down.

Finally, this version fixes a bug in #{interpolation}. Now namespaces work as you would expect, so you can finally get suggestions when you make CSS variables from SCSS constants.

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.4.0...2.5.0

some-sass - 2.4.0 - Find All References

Published by wkillerud about 2 years ago

New features

https://user-images.githubusercontent.com/1223410/180661742-53a18669-d90a-4e03-a727-18a1390dac1e.mp4

https://user-images.githubusercontent.com/1223410/180661751-461e85e9-e3e6-4e68-a8d2-f8f87aa57411.mp4

Bugfixes

Housekeeping

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.3.0...2.4.0

some-sass - 2.3.0 - Sass docs

Published by wkillerud over 2 years ago

some-sass - 2.2.0 - Improvements to SassDoc editing

Published by wkillerud over 2 years ago

What's Changed

JSDoc-style experience suggests SassDoc comment block based on parameters

suggestions-sassdoc

Code suggestions for SassDoc annotations when in a block comment, and hover-information for SassDoc annotations with links to docs.

sassdoc-annotations-and-hover

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.1.1...2.2.0

some-sass - 2.1.1

Published by wkillerud over 2 years ago

What's Changed

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.1.0...2.1.1

some-sass - 2.1.0 - Support for namespaces and more

Published by wkillerud over 2 years ago

What's Changed

  • Adds namespace support to code suggestions, diagnostics, hover, signature help, and go to definition. Supports aliases (including wildcard), prefixes, hiding.
  • Marks deprecated items in code suggestions.
  • Gives mixins a different icon (snippet-icon) from functions (methods and functions-icon). See IntelliSense in Visual Studio Code for examples on how they look.
  • Fixes snippet syntax when completing mixins and functions with parameters, so the (dollarless) parameter names get shown as placeholders.
  • Adds a setting to only suggest symbols from the current document, or when in a namespace context (stop suggesting every public symbol everywhere).
  • Adds a setting to control whether the extension suggests symbols from the current document. Turned off by default to avoid duplicates from built-in SCSS language support.
  • Adds a note to readme about maybe turning off word-based suggestions for the best experience, for now.

by @wkillerud in https://github.com/wkillerud/vscode-scss/pull/4

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.0.0...2.1.0

some-sass - 2.0.0

Published by wkillerud over 2 years ago

What's Changed

Full Changelog: https://github.com/wkillerud/vscode-scss/compare/1.0.1...2.0.0