Ich habe gerade angefangen, mit dem neuen Neat 2.0-Framework herumzuspielen. Zuvor akzeptierte das Outer-Container()-Mixin in 1.8 beim Erstellen des Rasters eine tatsächliche Zahl für die Größe Ihres Rasters. Bei Verwendung der Sass-Zuordnung akzeptiert das Grid-Container()-Mixin jedoch nur eine Sass-Zuordnung mit den folgenden Attributen.
Code: Select all
$my-custom-grid: (
columns: 12,
gutter: 20px,
media: 1200px,
color: rgba(#00d4ff, 0.25),
direction: ltr,
);
So wie es aussieht, hat das Raster standardmäßig nur die volle Bildschirmbreite. Wie erstelle ich ein Raster, das nur 960 Pixel breit ist, aber immer noch zusammenfällt, wenn man beginnt, die Browsergröße zu verkleinern?
Ich habe das Gefühl, dass ich jetzt ständig Elemente verschieben werde, damit sie nicht am Rand des Browsers liegen. Ich bin mir sicher, dass es einen Weg gibt, dies zu umgehen, aber das bloße Festlegen der Breite des Elements, in dem ich „grid-container()“ aufrufe, funktioniert nicht.