How to format and indent CSS in Notepad++?

Question

I have CSS file generated by Sass compiler, but the text inside the CSS file is all on one line.

Is there a way to indent and or format it properly on Notepad++ and VSCode?

I have tried installing the XML Tools plugin, and then pressing the Pretty print, but nothing happens.

You can use an online tool like this, there's plenty of them out there :) — VilleKoo
– VilleKoo, Commented Nov 25, 2022 at 8:14
@VilleKoo How does this work? I pasted the code inside, but nothing happens. I downloaded it, but it's just a txt file, and the code inside looks the same. — happy_story
– happy_story, Commented Nov 25, 2022 at 8:27
I'm afraid there are no N++ plugins that do such job. You can replace all ;-- with ;\r\n-- — Toto
– Toto, Commented Nov 25, 2022 at 10:34

help-info.de · Accepted Answer · 2022-11-26 18:00:54Z

1

To format CSS in Notepad++:

is resulting in:

answered Nov 26, 2022 at 18:00

help-info.de

7,38817 gold badges43 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Not exactly what we want, needs further replacement ^ ([a-zA-Z]+) - ([a-zA-Z]+)\s*: with ```` \1-\2:````. Maybe not just that.

It messes with classes/ids and properties containing '-'