// ──────────────────────────────────────────────────────────────── // Tokens · Grid // // Die Zahlen des Rasters stehen hier, nicht in den Layouts. `$grid-columns` // ist die Zahl der Spuren, `$grid-gutter` der Standardabstand dazwischen. // // Beide werden als Custom-Properties emittiert: eine Seite kann sie zur // Laufzeit lesen und überschreiben, ohne dass sich eine Klasse ändert. Die // SCSS-Werte bleiben die Bauzeit-Wahrheit (Klassen entstehen daraus). // ──────────────────────────────────────────────────────────────── $grid-columns: 12 !default; $grid-gutter: var(--sp-5) !default; // 20px @mixin grid-tokens { --grid-columns: #{$grid-columns}; --grid-gutter: #{$grid-gutter}; }