Modern SCSS language server. Full support for `@use` and `@forward`, including aliases, prefixes and hiding.
Bot releases are hidden (Show)
Published by wkillerud about 1 year ago
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.13.1...2.14.0
Published by wkillerud over 1 year ago
Fix a needless limitation in completion suggestions, where they would not show the same rich information as on hover. https://github.com/wkillerud/vscode-scss/pull/58
There's a known limitation for color suggestions. VS Code does not support markdown documentation for color suggestions (yet), so they may look a bit different from on hover.
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.13.0...2.13.1
Published by wkillerud over 1 year ago
Mixins with @content
SassDoc annotations and %placeholders
get two suggestions by default:
{ }
.{ }
. This one creates a new block, and moves the cursor inside the block.If you find this noisy, you can control which suggestions you would like to see:
Fixed an issue of missing suggestions when hitting Cmd/Ctrl+Space
, when there was text after %
.
%chat| /* Should see for instance %chatSearch when hitting ctrl+space */
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.12.0...2.13.0
Published by wkillerud over 1 year ago
Add code suggestions when implementing placeholder selectors, based on tracked usages (#54).
https://user-images.githubusercontent.com/1223410/235316476-635b727c-a838-45ff-b282-76f821e8fb1d.mp4
The video and fixtures demo with @use
, but this setup with @import
works as well:
main.scss
_discord.scss
_theme.scss
/* main */
@import "./theme";
@import "./discord";
/* discord */
.app-asdfqwer1234 {
@extend %app !optional;
}
.chat-qwerasdf1234 {
@extend %chat !optional;
}
/* theme */
%| /* suggests %app and %chat */
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.11.2...2.12.0
Published by wkillerud over 1 year ago
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.11.1...2.11.2
Published by wkillerud over 1 year ago
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.11.0...2.11.1
Published by wkillerud over 1 year ago
This release brings all the bells and whistles to placeholder selectors:
string.split()
in https://github.com/wkillerud/vscode-scss/pull/46
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.10.0...2.11.0
Published by wkillerud over 1 year ago
https://user-images.githubusercontent.com/1223410/224561851-e76400ba-fd1b-46f2-a0bd-549117a120c2.mp4
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.9.0...2.10.0
Published by wkillerud over 1 year ago
Some housekeeping
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.8.0...2.9.0
Published by wkillerud almost 2 years ago
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
hide
) for mixins and functions by @wkillerud in https://github.com/wkillerud/vscode-scss/pull/28
hide
) by @wkillerud in https://github.com/wkillerud/vscode-scss/pull/28
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.7.1...2.8.0
Published by wkillerud almost 2 years ago
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.7.0...2.7.1
Published by wkillerud almost 2 years ago
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
Published by wkillerud almost 2 years ago
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.6.3...2.6.4
Published by wkillerud about 2 years ago
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.6.2...2.6.3
Published by wkillerud about 2 years ago
--negative-font-size: -#{ns.$font-size-1}
)@return
statements with expressions (@return $var * math.$pi
)Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.6.1...2.6.2
Published by wkillerud about 2 years ago
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.6.0...2.6.1
Published by wkillerud about 2 years ago
@see
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
Almost everything should work as you expect from the desktop version:
@use
and @forward
.One known limitation is that since node_modules
is not available in the browser, these features will only work on code in the project.
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:
Depending on the workspace size as well, Some Sass may need a few seconds to initialize.
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
Published by wkillerud about 2 years ago
Here's a quick summary of the changes in this version:
#{interpolation}
when using namespaces$
for variables, or .
when using namespacesNow 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
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
When a function or mixin has optional parameters Some Sass now suggests two variations in code completion:
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
Published by wkillerud about 2 years ago
https://user-images.githubusercontent.com/1223410/180661742-53a18669-d90a-4e03-a727-18a1390dac1e.mp4
@content
SassDoc annotation, add and prefer a suggestion without brackets. The one with brackets now needs an Arrow Down keypress to use. (in https://github.com/wkillerud/vscode-scss/pull/11)https://user-images.githubusercontent.com/1223410/180661751-461e85e9-e3e6-4e68-a8d2-f8f87aa57411.mp4
scale()
. (in https://github.com/wkillerud/vscode-scss/pull/11)scale()
. (in https://github.com/wkillerud/vscode-scss/pull/11)micromatch
. (in https://github.com/wkillerud/vscode-scss/pull/11)Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.3.0...2.4.0
Published by wkillerud over 2 years ago
@use
by @wkillerud in https://github.com/wkillerud/vscode-scss/pull/7
https://user-images.githubusercontent.com/1223410/173416411-930c310e-b0cb-4d85-8dab-761eb39fdd36.mp4
Full Changelog: https://github.com/wkillerud/vscode-scss/compare/2.2.0...2.3.0