VSCode puts empty lines between styles?

Question

I can prevent extra blank lines in the HTML part of my file with this:

"html.format.extraLiners": " "

but how can I prevent extra blank lines between styles from the style section at the top of the file?

<html>
<head>
    <style>
        #c {
            background-color: red;
        }

        #b {
            background-color: green;
        }

        #c {
            background-color: blue;
        }

    </style>
</head>
<body>
    <div id="a">A</div>
    <div id="b">B</div>
    <div id="c">C</div>
</body>
</html>

Thanks.

tim92109 · Accepted Answer

I've looked for what should be a simple solution to this for a long time. Didn't want to install an extension just to handle something so simple, but that's the only way I've found to fix it...

Install Beautify.
Create file .jsbeautifyrc in your directory structure above wherever you want it to work. I put it in my main projects folder so it works on everything.
Add the rule below to the file.

{ "newline_between_rules": false }

VSCode puts empty lines between styles?

Tags:

css

visual-studio-code

Rakka Rage

1 Answers

tim92109

Recent Activity

Donate For Us

VSCode puts empty lines between styles?

Tags:

css

visual-studio-code

Rakka Rage

1 Answers

tim92109

Related questions

Recent Activity

Donate For Us