Support section in CSS

This commit is contained in:
~lucidiot 2023-07-15 16:44:59 +02:00
parent dfdce2a43c
commit 82925efb5a
1 changed files with 17 additions and 17 deletions

View File

@ -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;
}
}