mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 18:56: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

22
docs/css/pico.docs.css
View file

@ -328,7 +328,7 @@ a[role=button] {
display: block;
position: absolute;
top: 0;
right: -1rem;
right: 0;
padding: .375rem .75rem;
border-radius: 0;
color: var(--primary-inverse);
@ -336,13 +336,6 @@ a[role=button] {
line-height: 1;
}
@media (min-width: 576px) {
[data-theme="invalid"]:before,
[data-theme="valid"]:before {
right: 0;
}
}
@media (min-width: 992px) {
[data-theme="invalid"]:before,
[data-theme="valid"]:before {
@ -351,15 +344,14 @@ a[role=button] {
}
}
[data-theme="invalid"] pre,
[data-theme="valid"] pre {
padding-top: 2rem;
padding-bottom: 2rem;
[data-theme="invalid"] code,
[data-theme="valid"] code {
padding: 1rem 0;
}
[data-theme="invalid"]:before {
background: var(--invalid);
content: 'Bulky';
content: 'Not so great';
}
[data-theme="valid"]:before {
@ -367,10 +359,6 @@ a[role=button] {
content: 'Great';
}
section[title="love"] [data-theme="invalid"]:before {
content: 'Not so great';
}
/**
* Docs: Navs
*/

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

File diff suppressed because one or more lines are too long

19
docs/scss/content/_code.scss
View file

@ -53,17 +53,13 @@ pre {
display: block;
position: absolute;
top: 0;
right: -$spacing-gutter;
right: 0;
padding: .375rem .75rem;
border-radius: 0;
color: var(--primary-inverse);
font-size: 14px;
line-height: 1;
@media (min-width: map-get($breakpoints, "sm")) {
right: 0;
}
@media (min-width: map-get($breakpoints, "lg")) {
top: $spacing-gutter;
right: $spacing-gutter;
@ -71,9 +67,8 @@ pre {
}
// Spacing for Valid & Invalid badge
pre {
padding-top: 2rem;
padding-bottom: 2rem;
code {
padding: 1rem 0;
}
}
@ -81,7 +76,7 @@ pre {
[data-theme="invalid"] {
&:before {
background: var(--invalid);
content: 'Bulky';
content: 'Not so great';
}
}
@ -91,9 +86,3 @@ pre {
content: 'Great';
}
}
section[title="love"] [data-theme="invalid"] {
&:before {
content: 'Not so great';
}
}