Extra space after scss pseudo classes.

[dankmitchell]

If you format your scss and have and &:hover for example the format puts a space in between the colon and pseudo class i.e.

a {
color: red;
&:hover {
background: black;
}
}

[gnrlbzik]

Have same issue.

Bellow code

.column {
    &:nth-child(2n+1) {
         clear: left;
    }
}

brakes, and formatted code looks like so:

.column {
    & :nth-child(2n+1) {
         clear: left;
    }
}

[bertyhell]

Yes me too. This also happens in less code.

[gnrlbzik]

Time to fork and dig through i guess ; )

[bitwiseman]

SCSS - again this is a templating language based on css. The fact that a css beautifier doesn't handle different language correctly should not be a surprise. 😄 This is a common theme for this suite of tools. We will be looking for ways to make able to handle template languages. In the meanwhile, you should fork and if you can suggest a way to push the added functionality back to this tool we'll be happy to review it.

[gnrlbzik]

@bitwiseman i figured that much 😄

[kevin-heil]

Same here.
Funny about this is that if you have something before your nested pseudoclass this effect doesn't appear at all.
Screencast that shows this suggestion:
http://youtu.be/VJeQ_smWW48

victorporof/Sublime-HTMLPrettify#154

[gnrlbzik]

thanks @kevin-heil good to know : ) i wonder if comments will do it.

[kevin-heil]

Nope, comments will not help here.

[PixelT]

+1

[bitwiseman]

Fixed!
184492f

[gnrlbzik]

thank you @bitwiseman