Support section in CSS
This commit is contained in:
parent
dfdce2a43c
commit
82925efb5a
|
@ -69,7 +69,7 @@ body > footer > * {
|
|||
margin: 0 5px;
|
||||
}
|
||||
|
||||
article {
|
||||
article, section {
|
||||
clear: both;
|
||||
background-color: whitesmoke;
|
||||
border: 1px solid gray;
|
||||
|
@ -79,80 +79,80 @@ article {
|
|||
font-size: 10pt;
|
||||
}
|
||||
|
||||
article:first-child {
|
||||
article:first-child, section:first-child {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
article header, article footer {
|
||||
article header, article footer, section header, section footer {
|
||||
color: #333;
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
article header {
|
||||
article header, section header {
|
||||
border-bottom: 1px solid lightgray;
|
||||
padding-bottom: 2px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
article footer {
|
||||
article footer, section footer {
|
||||
border-top: 1px solid lightgray;
|
||||
margin-top: 5px;
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
article header h2, article header p, article footer p {
|
||||
article header h2, article header p, article footer p, section header h2, section header p, section footer p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
article header p *:not(:last-child) {
|
||||
article header p *:not(:last-child), section header p *:not(:last-child) {
|
||||
border-right: 1px solid gray;
|
||||
padding-right: 0.25em;
|
||||
margin-right: 0.25em;
|
||||
}
|
||||
|
||||
article a.permalink {
|
||||
article a.permalink, section a.permalink {
|
||||
float: right;
|
||||
}
|
||||
|
||||
article blockquote {
|
||||
article blockquote, section blockquote {
|
||||
margin-left: 0.5em;
|
||||
border-left: 2px solid lightgray;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
|
||||
article figure {
|
||||
article figure, section figure {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
article figure img {
|
||||
article figure img, section figure img {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
article table {
|
||||
article table, section table {
|
||||
width: 100%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
article pre {
|
||||
article pre, section pre {
|
||||
border: 1px dotted gray;
|
||||
max-width: 100%;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
article ul, article ol {
|
||||
article ul, article ol, article dir, section ul, section ol, section dir {
|
||||
margin-left: 1em;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
article dt {
|
||||
article dt, section dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
article dd {
|
||||
article dd, section dd {
|
||||
margin-left: 0.5em;
|
||||
border-left: 1px dotted gray;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue