- From: Alan Stearns <stearns@adobe.com>
- Date: Tue, 30 Jul 2013 06:14:43 -0700
- To: Håkon Wium Lie <howcome@opera.com>
- CC: Brad Kemper <brad.kemper@gmail.com>, Lea Verou <lea@w3.org>, www-style list <www-style@w3.org>
On 7/30/13 12:49 AM, "Håkon Wium Lie" <howcome@opera.com> wrote: >Alan Stearns wrote: > > > >Using flexbox is fine, too. Or CSS tables. > > > > I think flex and grid are much better suited to layout than floats or > > tables. > >I'd like to see how you achieve these four common use cases: > > 1) inside/outside sidebars, e.g. how do you generate this: > > http://people.opera.com/howcome/2013/tests/css3-gcpm/sidenote.pdf Given a flex layout where the sidebar and the main content are flex items in the same flex container, and a way of styling elements based on whether they are on a left or right page, I'd add 'order:-1;' to .sidebar styling on :left pages and 'order:1;' to .sidebar styling on :right pages. That's what Lea was originally asking for. I think it would be a good thing to add. I think float:outside/inside are fine as well. But a general mechanism for styling content on left/right pages would be better than adding special-case values to each property you might want to change depending on the spread location. Thanks, Alan
Received on Tuesday, 30 July 2013 13:15:23 UTC