Libsass: Fehlende neue Zeilen in der erweiterten Ausgabe

Erstellt am 13. Sept. 2016  ·  6Kommentare  ·  Quelle: sass/libsass

Fehlende neue Zeilen in der erweiterten Ausgabe.

 <strong i="6">@mixin</strong> sprite-arrow() {
    <strong i="7">@extend</strong> %hidden-text;
 }

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

// button.scss
.button-left,
.button-right,
.button-plus,
.button-min {
    &:after {
        <strong i="8">@include</strong> sprite-arrow();
    }
}

.banner {
    &:after {
        <strong i="9">@include</strong> sprite-arrow();
    }
}

.calculator {
    .btn-down,
    .btn-up {
        &:after {
            <strong i="10">@include</strong> 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

Alle 6 Kommentare

@bertusgroenewegen danke für den Bericht. Ich habe das Problem mit einem funktionierenden Beispiel und einem genauen Titel aktualisiert.

@xzyfer Ich würde mich

@bertusgroenewegen es gibt keine unmittelbaren Pläne, dies zu beheben. Fehler im Ausgabestil haben bei uns die niedrigste Priorität, da sie das Verhalten der Ausgabe nicht ändern.

aber sie steigern das Score-CSS auf Sonarqube :) Ich weiß, dass es Moll Moll ist, und Sie investieren bereits viel Zeit. Ich kann dir dafür eine große Kaffeespende 10 Euro kaufen :)

+1 zu diesem Thema! Du bekommst auch einen großen Kaffee von mir, wenn dieser Fix passiert :) Im Moment versuche ich einen Workaround mit Node zu erstellen, wenn das ein Erfolg ist, werde ich versuchen, das hier auch zu verlinken.

Das Schließen seit der Ausgabe von Ruby Sass 3.5.6 ist die gleiche:

.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; }
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen