- 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
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 UTC