mirror of
https://github.com/picocss/pico.git
synced 2025-04-23 01:46:14 -04:00
Order scss properties
This commit is contained in:
parent
c71144455b
commit
f6d38a7586
41 changed files with 372 additions and 295 deletions
|
@ -26,8 +26,8 @@
|
|||
currentColor 50%,
|
||||
transparent 50%
|
||||
);
|
||||
vertical-align: bottom;
|
||||
content: "";
|
||||
vertical-align: bottom;
|
||||
transition: transform var(--transition);
|
||||
}
|
||||
|
||||
|
@ -36,8 +36,8 @@
|
|||
max-width: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
font-size: 0.875rem;
|
||||
font-style: normal;
|
||||
font-size: 0.875rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
|
|
@ -8,17 +8,17 @@ article > footer.code {
|
|||
}
|
||||
article pre,
|
||||
article pre code {
|
||||
background: transparent;
|
||||
margin-bottom: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
// Code block outside article
|
||||
// Horizontally aligned with <article> content
|
||||
section > pre {
|
||||
background: var(--article-code-background-color);
|
||||
margin: var(--block-spacing-vertical) 0;
|
||||
padding: calc(var(--block-spacing-vertical) / 1.5)
|
||||
var(--block-spacing-horizontal);
|
||||
background: var(--article-code-background-color);
|
||||
box-shadow: var(--card-box-shadow);
|
||||
}
|
||||
|
||||
|
|
|
@ -25,8 +25,8 @@ main > aside {
|
|||
border-bottom: var(--border-width) solid var(--accordion-border-color);
|
||||
|
||||
svg {
|
||||
vertical-align: -3px;
|
||||
margin-right: calc(var(--spacing) * 0.5);
|
||||
vertical-align: -3px;
|
||||
}
|
||||
|
||||
@media (min-width: map-get($breakpoints, "lg")) {
|
||||
|
@ -98,8 +98,8 @@ main > aside {
|
|||
|
||||
summary {
|
||||
color: var(--h1-color);
|
||||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
|
||||
&::after {
|
||||
|
|
|
@ -13,14 +13,14 @@
|
|||
#customization {
|
||||
figure {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(9, 1fr);
|
||||
grid-template-rows: repeat(2, 1fr);
|
||||
grid-template-columns: repeat(9, 1fr);
|
||||
margin-bottom: 0;
|
||||
overflow: hidden;
|
||||
|
||||
@media (min-width: map-get($breakpoints, "sm")) {
|
||||
grid-template-columns: repeat(18, 1fr);
|
||||
grid-template-rows: 1fr;
|
||||
grid-template-columns: repeat(18, 1fr);
|
||||
border-top-right-radius: var(--border-radius);
|
||||
border-top-left-radius: var(--border-radius);
|
||||
}
|
||||
|
@ -45,8 +45,8 @@
|
|||
&.picked {
|
||||
background-image: var(--icon-check);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0.66rem auto;
|
||||
background-repeat: no-repeat;
|
||||
box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
&[data-color="lime"],
|
||||
|
|
|
@ -38,8 +38,8 @@ div[role="document"] section a[href*="//"]:not([href*="https://picocss.com"]):no
|
|||
height: 1rem;
|
||||
background-image: var(--icon-external);
|
||||
background-position: top center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0.66rem auto;
|
||||
background-repeat: no-repeat;
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue