Neat 2.0 erstellt 13 Spalten anstelle von 12

Question

Ich versuche, Neat 2.0 in eine vorhandene Codebasis zu integrieren (die im Grunde genommen aus dem Web Starter Kit stammt). Aus irgendeinem Grund, wenn ich grid-visual einschalten sehe ich Spalten anstelle von 12.

Gibt es einen bestimmten Grund, warum dies auftreten könnte? Haar herausziehen und versuchen zu debuggen.

Es scheint auch, dass die Spalten und Rinnen irgendwie umgekehrt sind.

Um zu replizieren, habe ich ein neues Google Web Starter Kit heruntergeladen und es gibt mir die gleichen seltsamen Ergebnisse. Vielleicht implementiere ich sauber falsch?

Alles, was ich war node-neat mit npm i -D node-neat hinzufügen tat und aktualisiert meine gulpfile.babel.js im styles schluck Aufgabe:

.pipe($.sass({ 
     precision: 10, 
     includePaths: require('node-neat').includePaths 
    }).on('error', $.sass.logError)) 

Dann folgendes hinzugefügt meine 'main.scss':

@import 'neat'; 
.container { 
    @include grid-container; 
    @include grid-visual; 
    > .col { 
    @include grid-column(2); 
    } 
} 

Hier ein Beispiel für das, was passiert

Answer 1

sieht aus wie Ihr Fehler das Rinnen (blaue Spalten zwischen den eigentlichen Spalten) für die eigentlichen Spalten (weiß) Ich habe deine screen capture to illustrate - Spalten rot nummeriert. In Bezug auf die Umkehrung von Spalten gibt es eine Richtungseigenschaft in benutzerdefinierten Rastern, die vielleicht von Nutzen ist? Sie können zwischen ltr (von links nach rechts) und rtl wählen. Es ist standardmäßig ltr, was Ihr Beispiel scheint zu tun.