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

Simpler cards, code and scroller

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

6
scss/components/_card.scss
View file

@ -3,11 +3,10 @@
*/
article {
margin: $spacing-block;
margin-right: -$spacing-gutter;
margin-left: -$spacing-gutter;
margin: $spacing-block 0;
padding: $spacing-block $spacing-gutter;
overflow: hidden;
border-radius: $round;
background: var(--card-background);
box-shadow: var(--card-shadow);
@ -21,7 +20,6 @@ article {
margin: $spacing-block 0;
padding: $spacing-block;
}
border-radius: $round;
}
}

8
scss/content/_code.scss
View file

@ -62,17 +62,11 @@ kbd {
pre {
display: block;
margin-right: -$spacing-gutter;
margin-left: -$spacing-gutter;
margin-bottom: $spacing-block;
padding: $spacing-block $spacing-gutter;
overflow-x: auto;
background: var(--code-background);
@media (min-width: map-get($breakpoints, "sm")) {
margin-right: 0;
margin-left: 0;
}
> code {
display: block;
padding: 0;

9
scss/content/_typography.scss
View file

@ -250,18 +250,9 @@ mark {
blockquote {
display: block;
margin: ($spacing-typography*2) 0;
margin-right: -$spacing-gutter;
margin-left: -$spacing-gutter;
padding: $spacing-gutter;
border-left: .25rem solid var(--muted-border);
@if map-get($breakpoints, "sm") {
@media (min-width: map-get($breakpoints, "sm")) {
margin-right: 0;
margin-left: 0;
}
}
footer {
margin-top: $spacing-typography/2;
color: var(--muted-text);

17
scss/layout/_scroller.scss
View file

@ -5,25 +5,12 @@
// Wrapper to make any content responsive across all viewports
figure {
display: block;
margin-right: -$spacing-gutter;
margin-left: -$spacing-gutter;
margin:0;
padding: 0;
overflow-x: auto;
figcaption {
padding: ($spacing-gutter/2) 0;
color: var(--muted-text);
font-size: 87.5%;
padding: ($spacing-gutter/2) $spacing-gutter;
}
@if map-get($breakpoints, "sm") {
@media (min-width: map-get($breakpoints, "sm")) {
margin-right: 0;
margin-left: 0;
figcaption {
padding: ($spacing-gutter/2) 0;
}
}
}
}