mirror of
https://github.com/picocss/pico.git
synced 2025-04-26 03:06:14 -04:00
Simpler cards, code and scroller
This commit is contained in:
parent
7c02958360
commit
772425bf2f
15 changed files with 36 additions and 203 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue