Re: [css3-writing-modes] a third option for implementing logical properties

Makoto Murata wrote:

> Murakami-san,
> 
> Thank you for providing real examples.  Your horiz.css and vert.css
> are very helpful.  I would recommend everybody to use Murakami-san's
> example for demonstrating advantages of your favorite options.
> 
> http://nadita.com/murakami/test-logical/vert.css
> http://nadita.com/murakami/test-logical/horiz.css
> 
> Here I give a unified diff result.  Obviously, maintaining these two
> sets is too painful.  Note that automatic conversion is not always
> possible since the stylesheet author might want to introduce some
> differences on purpose.

But to support fallback in older browsers, the version of this
stylesheet used if the proposed logical properties are introduced isn't
much better, all asymmetric property values need to have a fallback form
and a logical form:

  html {
    font-size: 12pt;
    line-height: 1.75;
  }
  div.header {
    border-top: thick solid;
    border-before: thick solid;
    border-bottom: thick solid;
    border-after: thick solid;
    margin-bottom: 2em;
    margin-after: 2em;
    line-height: 1.5;
  }
  h1.title {
    font-size: 3em;
    padding-left: 1em;
    padding-start: 1em;
    margin: 0;
  }
  h2.author {
    text-align: right;
    text-align: start;
    font-size: 2em;
    padding-right: 1em;
    padding-end: 1em;
    margin: 0;
  }
  div.article {
    width: 70%;
    padding-right: .5em;
    padding-end: .5em;
    border-right: solid thin;
    border-end: solid thin;
    text-align: justify;
  }
  div.aside {
    width: 26%;
    logical-width: 26%;
    float: right;
    float: end;
    padding-left: .25em;
    padding-start: .25em;
    padding-right: .25em;
    padding-end: .25em;
    background-color: #cdf;
  }
  p {
    margin: 0;
    text-indent: 1em;
  }
  blockquote {
    margin-left: 2.75em;
    margin-start: 2.75em;
    margin-right: 2.75em;
    margin-end: 2.75em;
    margin-top: .25em;
    margin-before: .25em;
    margin-bottom: .25em;
    margin-after: .25em;
    padding: .25em;
    background-color: #fd8;
  }
  
Regards,

John Daggett

Received on Monday, 25 October 2010 05:11:06 UTC