Re: [css3-grid-layout] semantic zoom in grid's templates

> My take was :
>
> (1)
> #grid { grid-template: "ab(x/y)" }
> .a { grid-cell: a; }
> .b { grid-cell: b; }
> .x { grid-cell: x; }
> .y { grid-cell: y; }
>
> (2)
> [EDIT] #grid { grid-template: "ab(x/y)(r/t/u)" }
> .r { grid-cell: r; }
> .t { grid-cell: t; }
> .u { grid-cell: u; }
>
> (3)
> [EDIT] #grid { grid-template: "ab(x/y)(rs/t/u)" }
> .s { grid-cell: s; }
>

I think, template extension may solve this issue

#grid {
  grid-template:
  "abx"
  "aby"
}
[EDIT] #grid {
  grid-template-extend-right:
  "r"
  "t"
  "u"
}
[EDIT] #grid {
  grid-template-extend-right:
  "rs"
  "tt"
  "uu"
}



-- 
s0rr0w

Received on Saturday, 25 February 2012 00:08:44 UTC