Stylinint, eine leere Zeile vor nicht verschachtelten Regeln und keine leere Zeile vor verschachtelten Regeln?

Question

Gibt es überhaupt einen Weg, dies jetzt zu erreichen?

Ich sehe Regel-Nested-Leer-Zeile-Vorher wurde aus irgendeinem Grund entfernt, so ist diese Konfiguration nicht mehr möglich?

Ich möchte diese Fehler werfen ...

@media (max-width: 300px) { 

    .foo { 
     display: block; 
    } 
} 
@media (max-width: 600px) { 
    .bar { 
     display: block; 
    } 
} 

Es sollte ein Raum vor @media sein, da es nicht verschachtelt ist, und kein Raum vor .foo da sie verschachtelt ist.

Answer 1

Die rule-nested-empty-line-before und rule-non-nested-empty-line-before Regeln wurden kombiniert, um die neue rule-empty-line-before Regel in der Version 8.0.0 zu bilden. Sie können diese Regel verwenden, um die Leerzeilen vor den Regeln .foo {} und .bar {} zu steuern.

@media ist eine Regel, also sollten Sie die at-rule-empty-line-before Regel verwenden, um die leeren Zeilen davor zu steuern.

Sie können lernen, wie Regeln benannt sind und wie sie zusammenarbeiten in this section of the User Guide.

Es sollte ein Leerzeichen vor @media sein, da es nicht verschachtelt ist, und kein Leerzeichen vor .foo, da es verschachtelt ist.

Mit der oben im Auge, sollte die Konfiguration für das sein:

{ 
    "rules": { 
    "at-rule-empty-line-before": ["always"], 
    "rule-empty-line-before": ["always", { 
     except: ["first-nested"] 
    }] 
    } 
} 

Alternativ Sie stylelint-standard-config verwenden können, die für stilistische Regeln sinnvolle Standardwerte haben.