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

@ -284,26 +284,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;
}
}
/**
@ -496,19 +484,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);
@ -1004,20 +983,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;
@ -1140,11 +1111,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);
}
@ -1153,7 +1123,6 @@ article {
article {
margin: 2.5rem 0;
padding: 2.5rem;
border-radius: 0.25rem;
}
}

File diff suppressed because one or more lines are too long

View file

@ -340,26 +340,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;
}
}
/**
@ -577,19 +565,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);
@ -1223,20 +1202,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;
@ -1359,11 +1330,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);
}
@ -1372,7 +1342,6 @@ article {
article {
margin: 2.5rem 0;
padding: 2.5rem;
border-radius: 0.25rem;
}
}

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

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored

File diff suppressed because one or more lines are too long

View file

@ -279,26 +279,14 @@ body > footer {
*/
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;
}
}
/**
@ -515,19 +503,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);

File diff suppressed because one or more lines are too long