Bert Bos | Stramienen (Future CSS, Utrecht 2013)
Foto van een informatiebord in een museum, en hetzelfde bord met het raamwerk expliciet gemaakt.
Hier is voor een modulair (regelmatig) raamwerk gekozen. Een raamwerk met verschillende afstanden tussen de lijnen is ook mogelijk.
body { grid:
"a a b b b b c c c d d d d d e e e f f f"
"a a b b b b g g g h h h h h e e e f f f"
"a a i i i . g g g h h h h h e e e f f f"
"j j j j j k k k k h h h h h l l l f f f"
"j j j j j m m m m h h h h h l l l f f f"
"j j j j j n n n n n n n n . o o o f f f"
"p p p p p n n n n n n n n . o o o f f f" }
body { grid: "a a c d"
"e e g g"
"i j k l" }
#maki { flow: a }
#sashimi { flow: i }
De volgorde kan eenvoudig worden veranderd:
#maki { flow: i }
#sashimi { flow: a }
Het is nog niet duidelijk wat in niveau 3 hoort en wat uitgesteld moet worden to niveau 4. Een deel komt waarschijnlijk ook in de Regions module. Die laatste gebruikt op het moment nog 'flow-into' i.p.v. 'flow.