Order scss properties

This commit is contained in:
Lucas Larroche 2021-11-02 02:54:52 +07:00
parent c71144455b
commit f6d38a7586
41 changed files with 372 additions and 295 deletions

View file

@ -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;
}

View file

@ -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);
}

View file

@ -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 {

View file

@ -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"],

View file

@ -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: "";
}