2016-05-06 13 views
4

seine grunt Aufgabe, Code-Stil auf meine scss-Dateien tun?grunt-task zu SASS erlauben Optionen, Code-Stil zu erzwingen

Ich möchte einen Code-Stil in meine .scss-Dateien anwenden, ist das möglich?

Also diese Aufgabe formatieren meine CSS-Code mit den Convencions unten ist es möglich, dass?

Beispiele, was ich will

von Google Archiv:

Alphabetisieren Erklärungen. Geben Sie die Deklarationen in alphabetischer Reihenfolge ein, um einen konsistenten Code zu erhalten, der leicht zu merken und zu pflegen ist.

background: fuchsia; 
border: 1px solid; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px; 
color: black; 
text-align: center; 
text-indent: 2em; 

oder idiomatische-css:

Erklärung um Wenn Erklärungen konsequent bestellt werden sollen, sollte es mit einem einzigen, einfachen Prinzip entsprechen.

Kleinere Teams ziehen es möglicherweise vor, verwandte Eigenschaften (z. B. Positionierung und Box-Modell) zusammen zu gruppieren.

.selector { 
    /* Positioning */ 
    position: absolute; 
    z-index: 10; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 

    /* Display & Box Model */ 
    display: inline-block; 
    overflow: hidden; 
    box-sizing: border-box; 
    width: 100px; 
    height: 100px; 
    padding: 10px; 
    border: 10px solid #333; 
    margin: 10px; 

    /* Other */ 
    background: #000; 
    color: #fff; 
    font-family: sans-serif; 
    font-size: 16px; 
    text-align: right; 
} 

Vielen Dank.

Antwort

2

Ich denke, die beste Wahl scss-lint

Von GitHub ist:

SCSS-lint ist ein Werkzeug zu halten Dateien Ihre SCSS sauber und gut lesbar

Es erfordert Ruby zu helfen, die kann für einige ein Blocker sein.

Ein Beispiel für die Verwendung von Grunt finden Sie in dieser article

Verwandte Themen