W3C home > Mailing lists > Public > www-style@w3.org > July 2013

Re: [css3-page] Styling elements differently based on whether they appear on a left or right page

From: Brad Kemper <brad.kemper@gmail.com>
Date: Tue, 30 Jul 2013 07:52:36 -0700
Message-Id: <94B96716-3EF0-41E7-AFAE-3B4B2B7DDDAD@gmail.com>
Cc: Håkon Wium Lie <howcome@opera.com>, Lea Verou <lea@w3.org>, www-style list <www-style@w3.org>
To: Alan Stearns <stearns@adobe.com>
Exactly.

On Jul 30, 2013, at 6:14 AM, Alan Stearns <stearns@adobe.com> wrote:

> 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 14:53:07 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:32 UTC