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

Re: directional images

From: Brad Kemper <brad.kemper@gmail.com>
Date: Thu, 24 Feb 2011 08:50:47 -0800
Cc: "Tab Atkins Jr." <jackalmage@gmail.com>, fantasai <fantasai.lists@inkedblade.net>, W3C style mailing list <www-style@w3.org>
Message-Id: <1EB7B098-5151-45CA-89E3-76C366A3CB6A@gmail.com>
To: "Aharon (Vladimir) Lanin" <aharon@google.com>
I understand. But that is not always desirable. So in my version, below, the author has a choice of using a separate image, forcing an image reflection, or letting it happen automatically. All without excessive parentheses. The basic idea could also work with border images, where there might be a directionality to the image there too. In fact, the basic idea could also work for automatically flipping border-widths and such too.


On Feb 24, 2011, at 8:19 AM, Aharon (Vladimir) Lanin wrote:

> The idea of the feature is to prevent having to create and then maintain (in sync with the "normal" images) a set of flipped images.
> 
> On Thu, Feb 24, 2011 at 7:58 AM, Brad Kemper <brad.kemper@gmail.com> wrote:
> 
> On Feb 23, 2011, at 1:00 PM, Tab Atkins Jr. wrote:
> 
> > <ul dir=rtl>
> >  <li>ONE</li>
> > </ul>
> > <style>
> > ul {
> >  list-style-image: image( url("right-facing-arrow.jpg"), ltr );
> >  transition: list-style-image .2s;
> > }
> > ul:hover {
> >  list-style-image: image( url("highlight-right-arrow.jpg"), ltr );
> > }
> > </style>
> 
> The parentheses embedded in parentheses are kind of hard to read. This seems like a place where we should have a direction pseudo-class, and then just use a different image (or have  image transformation properties for list-style-images, border-images, etc.).
> 
> ul:ltr {
>  list-style-image: url("right-facing-arrow.jpg");
> }
> ul:rtl {
>  list-style-image: url("left-facing-arrow.jpg");
> } /* or... */
> ul:rtl {
>  list-style-image-transform: reflect(0deg);
> }  /* or, transformation is automatic for directions not specified by author */
> 
Received on Thursday, 24 February 2011 16:51:22 GMT

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