Programmiererforum

Sass kündigte an, dass es einige bevorstehende Veränderungen der Syntax in gemischten Erklärungen geben wird. Ab SASS 1.77.7 bekomme ich beim Kompilieren die folgenden Warnungen. -< /p>

SASS -Verhalten für Deklarationen, die nach verschachtelten
-Regeln erscheinen, um dem von CSS angegebenen Verhalten in einer kommenden
-Version zu entsprechen. Um das bestehende Verhalten zu erhalten, bewegen Sie die Erklärung über die verschachtelte
-Regel. Um sich in das neue Verhalten zu entscheiden, wickeln Sie die Deklaration in & {} . Wenn wir ein Mixin definieren und dann eine Stilklasse oben in der Klasse hinzufügen, deklarieren wir andere Regeln, wir erhalten die obige Warnung in der Konsole. < /P>
@mixin border($color) {
border: 1px solid $color;
}

.style-with-mixin {
@include border(red);
padding: 20px;
// ...Any other styles
}
< /code>
Um diesen Fehler zu entfernen, müssen wir entweder Stile wie folgt einwickeln -< /p>
.style-with-mixin {
@include border(red);

&{
padding: 20px;
// ...Any other styles
}
}
< /code>
oder verschieben Sie das Mixin auf die letzte Stildeklaration (dies blockiert auch die Möglichkeit, einen der Mixin -Stile zu überschreiben) -< /p>
.style-with-mixin {
padding: 20px;
// ...Any other styles
@include border(red);
}
< /code>
Beide Lösungen beinhalten jedoch eine Menge Umschreiben von Stilen für ganze Projekte, die in meinem Fall nicht realistisch sein werden. Außer der Sperren der SASS -Version konnte jemand eine Arbeit finden, die effizient in Existing -Projekten implementiert werden kann?