W3C home > Mailing lists > Public > www-style@w3.org > February 2012

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

From: Alexander Shpack <shadowkin@gmail.com>
Date: Sat, 25 Feb 2012 02:08:16 +0200
Message-ID: <CAK4xKXmxGT0M=a750N+K4ky2n=nwK-5njNVfauL0pLdcqxc4dw@mail.gmail.com>
To: François REMY <fremycompany_pub@yahoo.fr>
Cc: Phil Cupp <pcupp@microsoft.com>, CSS 3 W3C Group <www-style@w3.org>
> 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 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:51 GMT