Libsass: Missing new lines in expanded output

Created on 13 Sep 2016 · 6Comments · Source: sass/libsass

Missing new lines in expanded output.

 @mixin sprite-arrow() {
    @extend %hidden-text;
 }

  %hidden-text {
    text-indent: -999em;
 }

// button.scss
.button-left,
.button-right,
.button-plus,
.button-min {
    &:after {
        @include sprite-arrow();
    }
}

.banner {
    &:after {
        @include sprite-arrow();
    }
}

.calculator {
    .btn-down,
    .btn-up {
        &:after {
            @include sprite-arrow();
        }
    }
}

LibSass 3.3.7

.button-left:after,
.button-min:after,
.button-plus:after,
.button-right:after, .banner:after, .calculator .btn-down:after,
.calculator .btn-up:after {
  text-indent: -999em;
}

Ruby Sass

.button-left:after,
.button-min:after,
.button-plus:after,
.button-right:after, 
.banner:after,
.calculator .btn-down:after,
.calculator .btn-up:after {
  text-indent: -999em;
}

Bug - Whitespace Dev - Test Written

Source

bertusgroenewegen

All 6 comments

@bertusgroenewegen thanks for the report. I've updated issue with working example and accurate title.

xzyfer on 13 Sep 2016

👍1

@xzyfer I would appreciate it, if you could fix this minor bug :) pretty please

bertusgroenewegen on 20 Dec 2016

@bertusgroenewegen there are no immediate plans to fix this. Output style bugs are our lowest priority because they don't change the behaviour of the output.

xzyfer on 23 Dec 2016

but they boost the score CSS on Sonarqube :) I know its minor minor and you're already investing alot of your time. I can buy you a big coffee donation 10 euro in return :)

bertusgroenewegen on 23 Dec 2016

+1 on this issue! You get a big coffee from me as well if this fix happens :) For now I'm trying to create a workaround with Node, if that is a success I'll try to link this here as well.

automagisch on 19 Jun 2017

👍1

Closing since ruby sass 3.5.6 output is the same:

.button-left:after,
.button-right:after,
.button-plus:after,
.button-min:after, .banner:after, .calculator .btn-down:after,
.calculator .btn-up:after {
  text-indent: -999em; }