Simpler cards, code and scroller

This commit is contained in:
Lucas 2019-12-03 09:51:37 +07:00
parent 7c02958360
commit 772425bf2f
15 changed files with 36 additions and 203 deletions

View file

@ -280,26 +280,14 @@ section {
*/
figure {
display: block;
margin-right: -1rem;
margin-left: -1rem;
margin: 0;
padding: 0;
overflow-x: auto;
}
figure figcaption {
padding: 0.5rem 0;
color: var(--muted-text);
font-size: 87.5%;
padding: 0.5rem 1rem;
}
@media (min-width: 576px) {
figure {
margin-right: 0;
margin-left: 0;
}
figure figcaption {
padding: 0.5rem 0;
}
}
/**
@ -492,19 +480,10 @@ mark {
blockquote {
display: block;
margin: 3rem 0;
margin-right: -1rem;
margin-left: -1rem;
padding: 1rem;
border-left: 0.25rem solid var(--muted-border);
}
@media (min-width: 576px) {
blockquote {
margin-right: 0;
margin-left: 0;
}
}
blockquote footer {
margin-top: 0.75rem;
color: var(--muted-text);
@ -1000,20 +979,12 @@ kbd {
pre {
display: block;
margin-right: -1rem;
margin-left: -1rem;
margin-bottom: 2rem;
padding: 2rem 1rem;
overflow-x: auto;
background: var(--code-background);
}
@media (min-width: 576px) {
pre {
margin-right: 0;
margin-left: 0;
}
}
pre > code {
display: block;
padding: 0;
@ -1136,11 +1107,10 @@ details[open] summary::after {
* Card (<article>)
*/
article {
margin: 2rem;
margin-right: -1rem;
margin-left: -1rem;
margin: 2rem 0;
padding: 2rem 1rem;
overflow: hidden;
border-radius: 0.25rem;
background: var(--card-background);
box-shadow: var(--card-shadow);
}
@ -1149,7 +1119,6 @@ article {
article {
margin: 2.5rem 0;
padding: 2.5rem;
border-radius: 0.25rem;
}
}