mirror of
https://github.com/picocss/pico.git
synced 2025-04-25 02:36:15 -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
|
@ -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';
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue