W3C home > Mailing lists > Public > www-style@w3.org > October 2010

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

From: MURATA Makoto (FAMILY Given) <eb2m-mrt@asahi-net.or.jp>
Date: Mon, 25 Oct 2010 15:34:42 +0900
To: www-style@w3.org
Message-Id: <20101025153442.6DC4.B794FC04@asahi-net.or.jp>
David believes logical properties are "the best solution that has been proposed".  
But his "named sub-blocks" suggestion is worth trying.  So, I tried to
rewrite Murakami-san's stylesheet using named sub-blocks.  89 lines.

@writing-mode html {
   font-size: 12pt;
   line-height: 1.75;
   vertical {
     writing-mode: tb-rl; /* IE compat */
     writing-mode: vertical-rl;
   }
 }
@writing-mode  div.header {
   line-height: 1.5;
   vertical {
     border-right: thick solid;
     border-left: thick solid;
     margin-left: 2em;
   }
   horizontal {
     border-top: thick solid;
     border-bottom: thick solid;
     margin-bottom: 2em;
   }
}
 }
@writing-mode  h1.title {
   font-size: 3em;
   margin: 0;
   vertical {
     padding-top: 1em;
   }
   horizontal {
     padding-left: 1em;
   }
 }
@writing-mode  h2.author {
   text-align: right;
   font-size: 2em;
   margin: 0;
   horizontal {
     padding-right: 1em;
   }
   vertical {
     padding-bottom: 1em;
   }
 }
@writing-mode  div.article {
   text-align: justify;
   vertical {
     height: 70%;
     padding-bottom: .5em;
     border-bottom: solid thin;
   }
   horizontal {
     width: 70%;
     padding-right: .5em;
     border-right: solid thin;
   }
 }
@writing-mode  div.aside {
   float: right;
   background-color: #cdf;
   vertical {
     height: 26%;
     padding-top: .25em;
     padding-bottom: .25em;
   }
   horizontal {
     padding-left: .25em;
     padding-right: .25em;
     width: 26%;
   }
 }
p {
   text-indent: 1em;
 }
@writing-mode  blockquote {
   padding: .25em;
   background-color: #fd8;
   vertical {
     margin-top: 2.75em;
     margin-bottom: 2.75em;
     margin-right: .25em;
     margin-left: .25em;
   }
   horizontal {
     margin-left: 2.75em;
     margin-right: 2.75em;
     margin-top: .25em;
     margin-bottom: .25em;
   }
 }

Cheers,
Makoto
Received on Monday, 25 October 2010 06:35:23 GMT

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