0

I'm a fan of the clean, Pythonesque feel of indented SASS, but I recognize that it's better for my team to use SCSS since it's an extension of CSS, and there's more support for SCSS in docs and forums. So how might I view and edit files as SASS but commit them as SCSS?

  1. Checkout .scss files from a repo
  2. Open them in an editor and see indented SASS
  3. Make changes in indented SASS
  4. Commit changes as .scss

I expect that it's possible since, as one of the developers who helped create Sass wrote,

The difference is syntax. Underneath the textual exterior they are identical. This is why sass and scss files can import each other. Actually, Sass has four syntax parsers: scss, sass, CSS, and less. All of these convert a different syntax into an Abstract Syntax Tree which is further processed into CSS output or even onto one of the other formats via the sass-convert tool.

Use the syntax you like the best, both are fully supported and you can change between them later if you change your mind.

I'm using VSCode, and I've looked through dozens of extensions and linters, but I haven't found any that appear to offer this feature. Reasons why this is a bad idea are welcome if they're in good faith or good fun.

Merchako
  • 789
  • 1
  • 8
  • 19
  • The answer for this bomight be on the scale of a tool recommendation (and we don't really like to do tool recommendations here (see [/help/on-topic](/help/on-topic))). I'd expect so because of nuances like dealing with optional spacing like number of newlines between things and how many spaces are between things. – starball Feb 08 '23 at 05:10

0 Answers0