Gitpod: Scss/Sass syntax highlighting

[tyrale]

It would be great to see some scss/sass syntax highlighting.

[tyrale]

bump

[jankeromnes]

@nisarhassan12 or @JesterOrNot would you have any ideas on how this could be achieved?

[nisarhassan12]

Thanks! @tyrale .scss syntax highlighting already works in Gitpod but it does not work if the file extension is .sass which is a bit sad.

For instance, try https://gitpod.io/#https://github.com/nisarhassan12/portfolio/blob/master/src/scss/components/_button.scss

Syntax highlighting and code completion for .scss files will work.

but if the project uses .sass as the file extension then I would recommend installing this VS Code extension https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented which will add support for .sass files as well.

For installing it just add the following to your .gitpod.yml:

vscode:
  extensions:
    - [email protected]:ncaIHBHEclkm2A3mx7YiYg==

[JesterOrNot]

Haven't tested but try https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-scss

Seems to have cool completion

[svenefftinge]

Closing this, as it seems to be resolved. Please comment if anything is missing.