mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-21 17:16:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Code inside article #36

Browse source
This commit is contained in:
Lucas Larroche 2021-10-23 17:28:31 +07:00
parent 3c58a9c44d
commit df2ae94742
8 changed files with 31 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

16
css/pico.classless.css
View file

@ -1561,12 +1561,15 @@ pre {
pre,
code,
kbd {
background: var(--code-background-color);
color: var(--code-color);
font-weight: var(--font-weight);
line-height: initial;
}
code {
background: var(--code-background-color);
}
code,
kbd {
display: inline-block;
@ -1577,14 +1580,11 @@ kbd {
pre {
display: block;
margin-bottom: var(--spacing);
padding: var(--spacing);
overflow-x: auto;
background: var(--code-background-color);
}
pre > code {
display: block;
padding: 0;
background: transparent;
padding: var(--spacing);
font-size: 14px;
line-height: var(--line-height);
}
@ -1726,8 +1726,7 @@ article {
box-shadow: var(--card-box-shadow);
}
article > header,
article > footer,
article > pre {
article > footer {
margin-right: calc(var(--block-spacing-horizontal) * -1);
margin-left: calc(var(--block-spacing-horizontal) * -1);
padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);
@ -1738,8 +1737,7 @@ article > header {
margin-bottom: var(--block-spacing-vertical);
border-bottom: var(--border-width) solid var(--card-border-color);
}
article > footer,
article > pre {
article > footer {
margin-top: var(--block-spacing-vertical);
margin-bottom: calc(var(--block-spacing-vertical) * -1);
border-top: var(--border-width) solid var(--card-border-color);

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

16
css/pico.css
View file

@ -1738,12 +1738,15 @@ pre {
pre,
code,
kbd {
background: var(--code-background-color);
color: var(--code-color);
font-weight: var(--font-weight);
line-height: initial;
}
code {
background: var(--code-background-color);
}
code,
kbd {
display: inline-block;
@ -1754,14 +1757,11 @@ kbd {
pre {
display: block;
margin-bottom: var(--spacing);
padding: var(--spacing);
overflow-x: auto;
background: var(--code-background-color);
}
pre > code {
display: block;
padding: 0;
background: transparent;
padding: var(--spacing);
font-size: 14px;
line-height: var(--line-height);
}
@ -1903,8 +1903,7 @@ article {
box-shadow: var(--card-box-shadow);
}
article > header,
article > footer,
article > pre {
article > footer {
margin-right: calc(var(--block-spacing-horizontal) * -1);
margin-left: calc(var(--block-spacing-horizontal) * -1);
padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);
@ -1915,8 +1914,7 @@ article > header {
margin-bottom: var(--block-spacing-vertical);
border-bottom: var(--border-width) solid var(--card-border-color);
}
article > footer,
article > pre {
article > footer {
margin-top: var(--block-spacing-vertical);
margin-bottom: calc(var(--block-spacing-vertical) * -1);
border-top: var(--border-width) solid var(--card-border-color);

16
css/pico.fluid.classless.css
View file

@ -1531,12 +1531,15 @@ pre {
pre,
code,
kbd {
background: var(--code-background-color);
color: var(--code-color);
font-weight: var(--font-weight);
line-height: initial;
}
code {
background: var(--code-background-color);
}
code,
kbd {
display: inline-block;
@ -1547,14 +1550,11 @@ kbd {
pre {
display: block;
margin-bottom: var(--spacing);
padding: var(--spacing);
overflow-x: auto;
background: var(--code-background-color);
}
pre > code {
display: block;
padding: 0;
background: transparent;
padding: var(--spacing);
font-size: 14px;
line-height: var(--line-height);
}
@ -1696,8 +1696,7 @@ article {
box-shadow: var(--card-box-shadow);
}
article > header,
article > footer,
article > pre {
article > footer {
margin-right: calc(var(--block-spacing-horizontal) * -1);
margin-left: calc(var(--block-spacing-horizontal) * -1);
padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);
@ -1708,8 +1707,7 @@ article > header {
margin-bottom: var(--block-spacing-vertical);
border-bottom: var(--border-width) solid var(--card-border-color);
}
article > footer,
article > pre {
article > footer {
margin-top: var(--block-spacing-vertical);
margin-bottom: calc(var(--block-spacing-vertical) * -1);
border-top: var(--border-width) solid var(--card-border-color);

2
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
scss/components/_card.scss
View file

@ -13,8 +13,7 @@ article {
box-shadow: var(--card-box-shadow);
> header,
> footer,
> pre {
> footer {
margin-right: calc(var(--block-spacing-horizontal) * -1);
margin-left: calc(var(--block-spacing-horizontal) * -1);
padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);
@ -27,8 +26,7 @@ article {
border-bottom: var(--border-width) solid var(--card-border-color);
}
> footer,
> pre {
> footer {
margin-top: var(--block-spacing-vertical);
margin-bottom: calc(var(--block-spacing-vertical) * -1);
border-top: var(--border-width) solid var(--card-border-color);

10
scss/content/_code.scss
View file

@ -31,12 +31,15 @@ pre {
pre,
code,
kbd {
background: var(--code-background-color);
color: var(--code-color);
font-weight: var(--font-weight);
line-height: initial;
}
code {
background: var(--code-background-color);
}
code,
kbd {
display: inline-block;
@ -47,14 +50,11 @@ kbd {
pre {
display: block;
margin-bottom: var(--spacing);
padding: var(--spacing);
overflow-x: auto;
background: var(--code-background-color);
> code {
display: block;
padding: 0;
background: transparent;
padding: var(--spacing);
font-size: 14px;
line-height: var(--line-height);
}