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
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
2
css/pico.classless.min.css
vendored
2
css/pico.classless.min.css
vendored
File diff suppressed because one or more lines are too long
41
css/pico.css
41
css/pico.css
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
2
css/pico.fluid.classless.min.css
vendored
2
css/pico.fluid.classless.min.css
vendored
File diff suppressed because one or more lines are too long
2
css/pico.min.css
vendored
2
css/pico.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -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);
|
||||
|
|
2
css/pico.slim.min.css
vendored
2
css/pico.slim.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue