Build CSS

This commit is contained in:
github-actions[bot] 2025-02-06 02:23:31 +00:00
parent 869da59717
commit 36e4d53e6c
252 changed files with 1422 additions and 998 deletions

View file

@ -768,6 +768,7 @@ section {
@media (min-width: 576px) { @media (min-width: 576px) {
.container { .container {
max-width: 510px; max-width: 510px;
padding-inline: 0;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -2798,15 +2799,17 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details.hide-arrow > summary::after { details.hide-arrow > summary::after {
display: none; display: none;
content: none; content: none;
} }
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2858,7 +2861,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);
@ -3154,7 +3157,7 @@ details.dropdown > summary + ul {
min-width: -moz-fit-content; min-width: -moz-fit-content;
min-width: fit-content; min-width: fit-content;
margin: 0; margin: 0;
margin-top: var(--pico-outline-width); margin-block-start: var(--pico-outline-width);
padding: 0; padding: 0;
border: var(--pico-border-width) solid var(--pico-dropdown-border-color); border: var(--pico-border-width) solid var(--pico-dropdown-border-color);
border-radius: var(--pico-border-radius); border-radius: var(--pico-border-radius);
@ -3171,19 +3174,19 @@ details.dropdown > summary + ul[dir=rtl] {
} }
details.dropdown > summary + ul li { details.dropdown > summary + ul li {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
list-style: none; list-style: none;
} }
details.dropdown > summary + ul li:first-of-type { details.dropdown > summary + ul li:first-of-type {
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-start: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-end: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details { details.dropdown > summary + ul li details {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
} }
details.dropdown > summary + ul li details > summary { details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height); line-height: var(--pico-line-height);
@ -3208,7 +3211,7 @@ details.dropdown > summary + ul li:has(label):hover {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
details.dropdown[open] > summary { details.dropdown[open] > summary {
margin-bottom: 0; margin-block-end: 0;
} }
details.dropdown[open] > summary::before { details.dropdown[open] > summary::before {
display: block; display: block;
@ -3230,7 +3233,7 @@ details.dropdown[open] > summary + ul {
nav details.dropdown { nav details.dropdown {
display: inline; display: inline;
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0; margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
margin-bottom: 0; margin-block-end: 0;
} }
nav details.dropdown.hide-arrow > summary::after { nav details.dropdown.hide-arrow > summary::after {
display: none; display: none;
@ -3243,9 +3246,12 @@ nav details.dropdown > summary:not([role]) {
nav details.dropdown > summary:not([role]):focus-visible { nav details.dropdown > summary:not([role]):focus-visible {
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
} }
nav details.dropdown:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
label > details.dropdown { label > details.dropdown {
margin-top: calc(var(--pico-spacing) * 0.25); margin-block-start: calc(var(--pico-spacing) * 0.25);
} }
/** /**

File diff suppressed because one or more lines are too long

View file

@ -768,6 +768,7 @@ section {
@media (min-width: 576px) { @media (min-width: 576px) {
.container { .container {
max-width: 510px; max-width: 510px;
padding-inline: 0;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -2798,15 +2799,17 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details.hide-arrow > summary::after { details.hide-arrow > summary::after {
display: none; display: none;
content: none; content: none;
} }
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2858,7 +2861,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);
@ -3154,7 +3157,7 @@ details.dropdown > summary + ul {
min-width: -moz-fit-content; min-width: -moz-fit-content;
min-width: fit-content; min-width: fit-content;
margin: 0; margin: 0;
margin-top: var(--pico-outline-width); margin-block-start: var(--pico-outline-width);
padding: 0; padding: 0;
border: var(--pico-border-width) solid var(--pico-dropdown-border-color); border: var(--pico-border-width) solid var(--pico-dropdown-border-color);
border-radius: var(--pico-border-radius); border-radius: var(--pico-border-radius);
@ -3171,19 +3174,19 @@ details.dropdown > summary + ul[dir=rtl] {
} }
details.dropdown > summary + ul li { details.dropdown > summary + ul li {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
list-style: none; list-style: none;
} }
details.dropdown > summary + ul li:first-of-type { details.dropdown > summary + ul li:first-of-type {
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-start: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-end: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details { details.dropdown > summary + ul li details {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
} }
details.dropdown > summary + ul li details > summary { details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height); line-height: var(--pico-line-height);
@ -3208,7 +3211,7 @@ details.dropdown > summary + ul li:has(label):hover {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
details.dropdown[open] > summary { details.dropdown[open] > summary {
margin-bottom: 0; margin-block-end: 0;
} }
details.dropdown[open] > summary::before { details.dropdown[open] > summary::before {
display: block; display: block;
@ -3230,7 +3233,7 @@ details.dropdown[open] > summary + ul {
nav details.dropdown { nav details.dropdown {
display: inline; display: inline;
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0; margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
margin-bottom: 0; margin-block-end: 0;
} }
nav details.dropdown.hide-arrow > summary::after { nav details.dropdown.hide-arrow > summary::after {
display: none; display: none;
@ -3243,9 +3246,12 @@ nav details.dropdown > summary:not([role]) {
nav details.dropdown > summary:not([role]):focus-visible { nav details.dropdown > summary:not([role]):focus-visible {
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
} }
nav details.dropdown:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
label > details.dropdown { label > details.dropdown {
margin-top: calc(var(--pico-spacing) * 0.25); margin-block-start: calc(var(--pico-spacing) * 0.25);
} }
/** /**

File diff suppressed because one or more lines are too long

View file

@ -768,6 +768,7 @@ section {
@media (min-width: 576px) { @media (min-width: 576px) {
.container { .container {
max-width: 510px; max-width: 510px;
padding-inline: 0;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -2798,15 +2799,17 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details.hide-arrow > summary::after { details.hide-arrow > summary::after {
display: none; display: none;
content: none; content: none;
} }
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2858,7 +2861,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);
@ -3154,7 +3157,7 @@ details.dropdown > summary + ul {
min-width: -moz-fit-content; min-width: -moz-fit-content;
min-width: fit-content; min-width: fit-content;
margin: 0; margin: 0;
margin-top: var(--pico-outline-width); margin-block-start: var(--pico-outline-width);
padding: 0; padding: 0;
border: var(--pico-border-width) solid var(--pico-dropdown-border-color); border: var(--pico-border-width) solid var(--pico-dropdown-border-color);
border-radius: var(--pico-border-radius); border-radius: var(--pico-border-radius);
@ -3171,19 +3174,19 @@ details.dropdown > summary + ul[dir=rtl] {
} }
details.dropdown > summary + ul li { details.dropdown > summary + ul li {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
list-style: none; list-style: none;
} }
details.dropdown > summary + ul li:first-of-type { details.dropdown > summary + ul li:first-of-type {
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-start: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li:last-of-type { details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-end: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
details.dropdown > summary + ul li details { details.dropdown > summary + ul li details {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
} }
details.dropdown > summary + ul li details > summary { details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height); line-height: var(--pico-line-height);
@ -3208,7 +3211,7 @@ details.dropdown > summary + ul li:has(label):hover {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
details.dropdown[open] > summary { details.dropdown[open] > summary {
margin-bottom: 0; margin-block-end: 0;
} }
details.dropdown[open] > summary::before { details.dropdown[open] > summary::before {
display: block; display: block;
@ -3230,7 +3233,7 @@ details.dropdown[open] > summary + ul {
nav details.dropdown { nav details.dropdown {
display: inline; display: inline;
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0; margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
margin-bottom: 0; margin-block-end: 0;
} }
nav details.dropdown.hide-arrow > summary::after { nav details.dropdown.hide-arrow > summary::after {
display: none; display: none;
@ -3243,9 +3246,12 @@ nav details.dropdown > summary:not([role]) {
nav details.dropdown > summary:not([role]):focus-visible { nav details.dropdown > summary:not([role]):focus-visible {
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
} }
nav details.dropdown:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
label > details.dropdown { label > details.dropdown {
margin-top: calc(var(--pico-spacing) * 0.25); margin-block-start: calc(var(--pico-spacing) * 0.25);
} }
/** /**

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -203,18 +203,18 @@ input:not([type=submit],
color-scheme: light; color-scheme: light;
--pico-background-color: #fff; --pico-background-color: #fff;
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(240, 96, 72, 0.25); --pico-text-selection-color: rgba(2, 154, 232, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: rgb(231, 234, 239.5); --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #c52f21; --pico-primary: #0172ad;
--pico-primary-background: #c52f21; --pico-primary-background: #0172ad;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(197, 47, 33, 0.5); --pico-primary-underline: rgba(1, 114, 173, 0.5);
--pico-primary-hover: #9b2318; --pico-primary-hover: #015887;
--pico-primary-hover-background: #af291d; --pico-primary-hover-background: #02659a;
--pico-primary-hover-border: var(--pico-primary-hover-background); --pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover); --pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(240, 96, 72, 0.5); --pico-primary-focus: rgba(2, 154, 232, 0.5);
--pico-primary-inverse: #fff; --pico-primary-inverse: #fff;
--pico-secondary: #5d6b89; --pico-secondary: #5d6b89;
--pico-secondary-background: #525f7a; --pico-secondary-background: #525f7a;
@ -343,18 +343,18 @@ input:not([type=submit],
color-scheme: dark; color-scheme: dark;
--pico-background-color: rgb(19, 22.5, 30.5); --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(241, 121, 97, 0.1875); --pico-text-selection-color: rgba(1, 170, 255, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
--pico-muted-border-color: #202632; --pico-muted-border-color: #202632;
--pico-primary: #f17961; --pico-primary: #01aaff;
--pico-primary-background: #c52f21; --pico-primary-background: #0172ad;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(241, 121, 97, 0.5); --pico-primary-underline: rgba(1, 170, 255, 0.5);
--pico-primary-hover: #f5a390; --pico-primary-hover: #79c0ff;
--pico-primary-hover-background: #d93526; --pico-primary-hover-background: #017fc0;
--pico-primary-hover-border: var(--pico-primary-hover-background); --pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover); --pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(241, 121, 97, 0.375); --pico-primary-focus: rgba(1, 170, 255, 0.375);
--pico-primary-inverse: #fff; --pico-primary-inverse: #fff;
--pico-secondary: #969eaf; --pico-secondary: #969eaf;
--pico-secondary-background: #525f7a; --pico-secondary-background: #525f7a;
@ -473,18 +473,18 @@ input:not([type=submit],
color-scheme: dark; color-scheme: dark;
--pico-background-color: rgb(19, 22.5, 30.5); --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(241, 121, 97, 0.1875); --pico-text-selection-color: rgba(1, 170, 255, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
--pico-muted-border-color: #202632; --pico-muted-border-color: #202632;
--pico-primary: #f17961; --pico-primary: #01aaff;
--pico-primary-background: #c52f21; --pico-primary-background: #0172ad;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(241, 121, 97, 0.5); --pico-primary-underline: rgba(1, 170, 255, 0.5);
--pico-primary-hover: #f5a390; --pico-primary-hover: #79c0ff;
--pico-primary-hover-background: #d93526; --pico-primary-hover-background: #017fc0;
--pico-primary-hover-border: var(--pico-primary-hover-background); --pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover); --pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(241, 121, 97, 0.375); --pico-primary-focus: rgba(1, 170, 255, 0.375);
--pico-primary-inverse: #fff; --pico-primary-inverse: #fff;
--pico-secondary: #969eaf; --pico-secondary: #969eaf;
--pico-secondary-background: #525f7a; --pico-secondary-background: #525f7a;
@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -2076,11 +2076,13 @@ section[role=form] > textarea:user-valid:not(:placeholder-shown) + label {
*/ */
details { details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
}
details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
} }
details summary { details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2132,7 +2134,7 @@ details summary[role=button]::after {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
details[open] > summary { details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
details[open] > summary:not([role]):not(:focus) { details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);

File diff suppressed because one or more lines are too long

View file

@ -768,6 +768,7 @@ main {
@media (min-width: 576px) { @media (min-width: 576px) {
.pico .container { .pico .container {
max-width: 510px; max-width: 510px;
padding-inline: 0;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -2798,15 +2799,17 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details.hide-arrow > summary::after { .pico details.hide-arrow > summary::after {
display: none; display: none;
content: none; content: none;
} }
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2858,7 +2861,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);
@ -3154,7 +3157,7 @@ main {
min-width: -moz-fit-content; min-width: -moz-fit-content;
min-width: fit-content; min-width: fit-content;
margin: 0; margin: 0;
margin-top: var(--pico-outline-width); margin-block-start: var(--pico-outline-width);
padding: 0; padding: 0;
border: var(--pico-border-width) solid var(--pico-dropdown-border-color); border: var(--pico-border-width) solid var(--pico-dropdown-border-color);
border-radius: var(--pico-border-radius); border-radius: var(--pico-border-radius);
@ -3171,19 +3174,19 @@ main {
} }
.pico details.dropdown > summary + ul li { .pico details.dropdown > summary + ul li {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
list-style: none; list-style: none;
} }
.pico details.dropdown > summary + ul li:first-of-type { .pico details.dropdown > summary + ul li:first-of-type {
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-start: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-end: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details { .pico details.dropdown > summary + ul li details {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
} }
.pico details.dropdown > summary + ul li details > summary { .pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height); line-height: var(--pico-line-height);
@ -3208,7 +3211,7 @@ main {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
.pico details.dropdown[open] > summary { .pico details.dropdown[open] > summary {
margin-bottom: 0; margin-block-end: 0;
} }
.pico details.dropdown[open] > summary::before { .pico details.dropdown[open] > summary::before {
display: block; display: block;
@ -3230,7 +3233,7 @@ main {
.pico nav details.dropdown { .pico nav details.dropdown {
display: inline; display: inline;
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0; margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
margin-bottom: 0; margin-block-end: 0;
} }
.pico nav details.dropdown.hide-arrow > summary::after { .pico nav details.dropdown.hide-arrow > summary::after {
display: none; display: none;
@ -3243,9 +3246,12 @@ main {
.pico nav details.dropdown > summary:not([role]):focus-visible { .pico nav details.dropdown > summary:not([role]):focus-visible {
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
} }
.pico nav details.dropdown:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
.pico label > details.dropdown { .pico label > details.dropdown {
margin-top: calc(var(--pico-spacing) * 0.25); margin-block-start: calc(var(--pico-spacing) * 0.25);
} }
/** /**

File diff suppressed because one or more lines are too long

View file

@ -768,6 +768,7 @@ main {
@media (min-width: 576px) { @media (min-width: 576px) {
.pico .container { .pico .container {
max-width: 510px; max-width: 510px;
padding-inline: 0;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -2798,15 +2799,17 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details.hide-arrow > summary::after { .pico details.hide-arrow > summary::after {
display: none; display: none;
content: none; content: none;
} }
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2858,7 +2861,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);
@ -3154,7 +3157,7 @@ main {
min-width: -moz-fit-content; min-width: -moz-fit-content;
min-width: fit-content; min-width: fit-content;
margin: 0; margin: 0;
margin-top: var(--pico-outline-width); margin-block-start: var(--pico-outline-width);
padding: 0; padding: 0;
border: var(--pico-border-width) solid var(--pico-dropdown-border-color); border: var(--pico-border-width) solid var(--pico-dropdown-border-color);
border-radius: var(--pico-border-radius); border-radius: var(--pico-border-radius);
@ -3171,19 +3174,19 @@ main {
} }
.pico details.dropdown > summary + ul li { .pico details.dropdown > summary + ul li {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
list-style: none; list-style: none;
} }
.pico details.dropdown > summary + ul li:first-of-type { .pico details.dropdown > summary + ul li:first-of-type {
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-start: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-end: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details { .pico details.dropdown > summary + ul li details {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
} }
.pico details.dropdown > summary + ul li details > summary { .pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height); line-height: var(--pico-line-height);
@ -3208,7 +3211,7 @@ main {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
.pico details.dropdown[open] > summary { .pico details.dropdown[open] > summary {
margin-bottom: 0; margin-block-end: 0;
} }
.pico details.dropdown[open] > summary::before { .pico details.dropdown[open] > summary::before {
display: block; display: block;
@ -3230,7 +3233,7 @@ main {
.pico nav details.dropdown { .pico nav details.dropdown {
display: inline; display: inline;
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0; margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
margin-bottom: 0; margin-block-end: 0;
} }
.pico nav details.dropdown.hide-arrow > summary::after { .pico nav details.dropdown.hide-arrow > summary::after {
display: none; display: none;
@ -3243,9 +3246,12 @@ main {
.pico nav details.dropdown > summary:not([role]):focus-visible { .pico nav details.dropdown > summary:not([role]):focus-visible {
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
} }
.pico nav details.dropdown:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
.pico label > details.dropdown { .pico label > details.dropdown {
margin-top: calc(var(--pico-spacing) * 0.25); margin-block-start: calc(var(--pico-spacing) * 0.25);
} }
/** /**

File diff suppressed because one or more lines are too long

View file

@ -768,6 +768,7 @@ main {
@media (min-width: 576px) { @media (min-width: 576px) {
.pico .container { .pico .container {
max-width: 510px; max-width: 510px;
padding-inline: 0;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -2798,15 +2799,17 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details.hide-arrow > summary::after { .pico details.hide-arrow > summary::after {
display: none; display: none;
content: none; content: none;
} }
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2858,7 +2861,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);
@ -3154,7 +3157,7 @@ main {
min-width: -moz-fit-content; min-width: -moz-fit-content;
min-width: fit-content; min-width: fit-content;
margin: 0; margin: 0;
margin-top: var(--pico-outline-width); margin-block-start: var(--pico-outline-width);
padding: 0; padding: 0;
border: var(--pico-border-width) solid var(--pico-dropdown-border-color); border: var(--pico-border-width) solid var(--pico-dropdown-border-color);
border-radius: var(--pico-border-radius); border-radius: var(--pico-border-radius);
@ -3171,19 +3174,19 @@ main {
} }
.pico details.dropdown > summary + ul li { .pico details.dropdown > summary + ul li {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
list-style: none; list-style: none;
} }
.pico details.dropdown > summary + ul li:first-of-type { .pico details.dropdown > summary + ul li:first-of-type {
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-start: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-end: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details { .pico details.dropdown > summary + ul li details {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
} }
.pico details.dropdown > summary + ul li details > summary { .pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height); line-height: var(--pico-line-height);
@ -3208,7 +3211,7 @@ main {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
.pico details.dropdown[open] > summary { .pico details.dropdown[open] > summary {
margin-bottom: 0; margin-block-end: 0;
} }
.pico details.dropdown[open] > summary::before { .pico details.dropdown[open] > summary::before {
display: block; display: block;
@ -3230,7 +3233,7 @@ main {
.pico nav details.dropdown { .pico nav details.dropdown {
display: inline; display: inline;
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0; margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
margin-bottom: 0; margin-block-end: 0;
} }
.pico nav details.dropdown.hide-arrow > summary::after { .pico nav details.dropdown.hide-arrow > summary::after {
display: none; display: none;
@ -3243,9 +3246,12 @@ main {
.pico nav details.dropdown > summary:not([role]):focus-visible { .pico nav details.dropdown > summary:not([role]):focus-visible {
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
} }
.pico nav details.dropdown:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
.pico label > details.dropdown { .pico label > details.dropdown {
margin-top: calc(var(--pico-spacing) * 0.25); margin-block-start: calc(var(--pico-spacing) * 0.25);
} }
/** /**

File diff suppressed because one or more lines are too long

View file

@ -236,18 +236,18 @@ nav details.dropdown summary:focus-visible {
color-scheme: light; color-scheme: light;
--pico-background-color: #fff; --pico-background-color: #fff;
--pico-color: #373c44; --pico-color: #373c44;
--pico-text-selection-color: rgba(244, 93, 44, 0.25); --pico-text-selection-color: rgba(205, 104, 224, 0.25);
--pico-muted-color: #646b79; --pico-muted-color: #646b79;
--pico-muted-border-color: rgb(231, 234, 239.5); --pico-muted-border-color: rgb(231, 234, 239.5);
--pico-primary: #bd3c13; --pico-primary: #aa40bf;
--pico-primary-background: #d24317; --pico-primary-background: #9236a4;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(189, 60, 19, 0.5); --pico-primary-underline: rgba(170, 64, 191, 0.5);
--pico-primary-hover: #942d0d; --pico-primary-hover: #802e90;
--pico-primary-hover-background: #bd3c13; --pico-primary-hover-background: #802e90;
--pico-primary-hover-border: var(--pico-primary-hover-background); --pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover); --pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(244, 93, 44, 0.5); --pico-primary-focus: rgba(205, 104, 224, 0.5);
--pico-primary-inverse: #fff; --pico-primary-inverse: #fff;
--pico-secondary: #5d6b89; --pico-secondary: #5d6b89;
--pico-secondary-background: #525f7a; --pico-secondary-background: #525f7a;
@ -391,18 +391,18 @@ nav details.dropdown summary:focus-visible {
color-scheme: dark; color-scheme: dark;
--pico-background-color: rgb(19, 22.5, 30.5); --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(245, 107, 61, 0.1875); --pico-text-selection-color: rgba(212, 125, 228, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
--pico-muted-border-color: #202632; --pico-muted-border-color: #202632;
--pico-primary: #f56b3d; --pico-primary: #d47de4;
--pico-primary-background: #d24317; --pico-primary-background: #9236a4;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(245, 107, 61, 0.5); --pico-primary-underline: rgba(212, 125, 228, 0.5);
--pico-primary-hover: #f8a283; --pico-primary-hover: #e2a3eb;
--pico-primary-hover-background: #e74b1a; --pico-primary-hover-background: #aa40bf;
--pico-primary-hover-border: var(--pico-primary-hover-background); --pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover); --pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(245, 107, 61, 0.375); --pico-primary-focus: rgba(212, 125, 228, 0.375);
--pico-primary-inverse: #fff; --pico-primary-inverse: #fff;
--pico-secondary: #969eaf; --pico-secondary: #969eaf;
--pico-secondary-background: #525f7a; --pico-secondary-background: #525f7a;
@ -546,18 +546,18 @@ nav details.dropdown summary:focus-visible {
color-scheme: dark; color-scheme: dark;
--pico-background-color: rgb(19, 22.5, 30.5); --pico-background-color: rgb(19, 22.5, 30.5);
--pico-color: #c2c7d0; --pico-color: #c2c7d0;
--pico-text-selection-color: rgba(245, 107, 61, 0.1875); --pico-text-selection-color: rgba(212, 125, 228, 0.1875);
--pico-muted-color: #7b8495; --pico-muted-color: #7b8495;
--pico-muted-border-color: #202632; --pico-muted-border-color: #202632;
--pico-primary: #f56b3d; --pico-primary: #d47de4;
--pico-primary-background: #d24317; --pico-primary-background: #9236a4;
--pico-primary-border: var(--pico-primary-background); --pico-primary-border: var(--pico-primary-background);
--pico-primary-underline: rgba(245, 107, 61, 0.5); --pico-primary-underline: rgba(212, 125, 228, 0.5);
--pico-primary-hover: #f8a283; --pico-primary-hover: #e2a3eb;
--pico-primary-hover-background: #e74b1a; --pico-primary-hover-background: #aa40bf;
--pico-primary-hover-border: var(--pico-primary-hover-background); --pico-primary-hover-border: var(--pico-primary-hover-background);
--pico-primary-hover-underline: var(--pico-primary-hover); --pico-primary-hover-underline: var(--pico-primary-hover);
--pico-primary-focus: rgba(245, 107, 61, 0.375); --pico-primary-focus: rgba(212, 125, 228, 0.375);
--pico-primary-inverse: #fff; --pico-primary-inverse: #fff;
--pico-secondary: #969eaf; --pico-secondary: #969eaf;
--pico-secondary-background: #525f7a; --pico-secondary-background: #525f7a;
@ -768,6 +768,7 @@ main {
@media (min-width: 576px) { @media (min-width: 576px) {
.pico .container { .pico .container {
max-width: 510px; max-width: 510px;
padding-inline: 0;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -2798,15 +2799,17 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details.hide-arrow > summary::after { .pico details.hide-arrow > summary::after {
display: none; display: none;
content: none; content: none;
} }
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2858,7 +2861,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);
@ -3154,7 +3157,7 @@ main {
min-width: -moz-fit-content; min-width: -moz-fit-content;
min-width: fit-content; min-width: fit-content;
margin: 0; margin: 0;
margin-top: var(--pico-outline-width); margin-block-start: var(--pico-outline-width);
padding: 0; padding: 0;
border: var(--pico-border-width) solid var(--pico-dropdown-border-color); border: var(--pico-border-width) solid var(--pico-dropdown-border-color);
border-radius: var(--pico-border-radius); border-radius: var(--pico-border-radius);
@ -3171,19 +3174,19 @@ main {
} }
.pico details.dropdown > summary + ul li { .pico details.dropdown > summary + ul li {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
list-style: none; list-style: none;
} }
.pico details.dropdown > summary + ul li:first-of-type { .pico details.dropdown > summary + ul li:first-of-type {
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-start: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-end: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details { .pico details.dropdown > summary + ul li details {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
} }
.pico details.dropdown > summary + ul li details > summary { .pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height); line-height: var(--pico-line-height);
@ -3208,7 +3211,7 @@ main {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
.pico details.dropdown[open] > summary { .pico details.dropdown[open] > summary {
margin-bottom: 0; margin-block-end: 0;
} }
.pico details.dropdown[open] > summary::before { .pico details.dropdown[open] > summary::before {
display: block; display: block;
@ -3230,7 +3233,7 @@ main {
.pico nav details.dropdown { .pico nav details.dropdown {
display: inline; display: inline;
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0; margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
margin-bottom: 0; margin-block-end: 0;
} }
.pico nav details.dropdown.hide-arrow > summary::after { .pico nav details.dropdown.hide-arrow > summary::after {
display: none; display: none;
@ -3243,9 +3246,12 @@ main {
.pico nav details.dropdown > summary:not([role]):focus-visible { .pico nav details.dropdown > summary:not([role]):focus-visible {
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
} }
.pico nav details.dropdown:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
.pico label > details.dropdown { .pico label > details.dropdown {
margin-top: calc(var(--pico-spacing) * 0.25); margin-block-start: calc(var(--pico-spacing) * 0.25);
} }
/** /**

View file

@ -768,6 +768,7 @@ main {
@media (min-width: 576px) { @media (min-width: 576px) {
.pico .container { .pico .container {
max-width: 510px; max-width: 510px;
padding-inline: 0;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -2798,15 +2799,17 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details.hide-arrow > summary::after { .pico details.hide-arrow > summary::after {
display: none; display: none;
content: none; content: none;
} }
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2858,7 +2861,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);
@ -3154,7 +3157,7 @@ main {
min-width: -moz-fit-content; min-width: -moz-fit-content;
min-width: fit-content; min-width: fit-content;
margin: 0; margin: 0;
margin-top: var(--pico-outline-width); margin-block-start: var(--pico-outline-width);
padding: 0; padding: 0;
border: var(--pico-border-width) solid var(--pico-dropdown-border-color); border: var(--pico-border-width) solid var(--pico-dropdown-border-color);
border-radius: var(--pico-border-radius); border-radius: var(--pico-border-radius);
@ -3171,19 +3174,19 @@ main {
} }
.pico details.dropdown > summary + ul li { .pico details.dropdown > summary + ul li {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
list-style: none; list-style: none;
} }
.pico details.dropdown > summary + ul li:first-of-type { .pico details.dropdown > summary + ul li:first-of-type {
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-start: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-end: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details { .pico details.dropdown > summary + ul li details {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
} }
.pico details.dropdown > summary + ul li details > summary { .pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height); line-height: var(--pico-line-height);
@ -3208,7 +3211,7 @@ main {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
.pico details.dropdown[open] > summary { .pico details.dropdown[open] > summary {
margin-bottom: 0; margin-block-end: 0;
} }
.pico details.dropdown[open] > summary::before { .pico details.dropdown[open] > summary::before {
display: block; display: block;
@ -3230,7 +3233,7 @@ main {
.pico nav details.dropdown { .pico nav details.dropdown {
display: inline; display: inline;
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0; margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
margin-bottom: 0; margin-block-end: 0;
} }
.pico nav details.dropdown.hide-arrow > summary::after { .pico nav details.dropdown.hide-arrow > summary::after {
display: none; display: none;
@ -3243,9 +3246,12 @@ main {
.pico nav details.dropdown > summary:not([role]):focus-visible { .pico nav details.dropdown > summary:not([role]):focus-visible {
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
} }
.pico nav details.dropdown:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
.pico label > details.dropdown { .pico label > details.dropdown {
margin-top: calc(var(--pico-spacing) * 0.25); margin-block-start: calc(var(--pico-spacing) * 0.25);
} }
/** /**

File diff suppressed because one or more lines are too long

View file

@ -768,6 +768,7 @@ main {
@media (min-width: 576px) { @media (min-width: 576px) {
.pico .container { .pico .container {
max-width: 510px; max-width: 510px;
padding-inline: 0;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -2798,15 +2799,17 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details.hide-arrow > summary::after { .pico details.hide-arrow > summary::after {
display: none; display: none;
content: none; content: none;
} }
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2858,7 +2861,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);
@ -3154,7 +3157,7 @@ main {
min-width: -moz-fit-content; min-width: -moz-fit-content;
min-width: fit-content; min-width: fit-content;
margin: 0; margin: 0;
margin-top: var(--pico-outline-width); margin-block-start: var(--pico-outline-width);
padding: 0; padding: 0;
border: var(--pico-border-width) solid var(--pico-dropdown-border-color); border: var(--pico-border-width) solid var(--pico-dropdown-border-color);
border-radius: var(--pico-border-radius); border-radius: var(--pico-border-radius);
@ -3171,19 +3174,19 @@ main {
} }
.pico details.dropdown > summary + ul li { .pico details.dropdown > summary + ul li {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
list-style: none; list-style: none;
} }
.pico details.dropdown > summary + ul li:first-of-type { .pico details.dropdown > summary + ul li:first-of-type {
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-start: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-end: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details { .pico details.dropdown > summary + ul li details {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
} }
.pico details.dropdown > summary + ul li details > summary { .pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height); line-height: var(--pico-line-height);
@ -3208,7 +3211,7 @@ main {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
.pico details.dropdown[open] > summary { .pico details.dropdown[open] > summary {
margin-bottom: 0; margin-block-end: 0;
} }
.pico details.dropdown[open] > summary::before { .pico details.dropdown[open] > summary::before {
display: block; display: block;
@ -3230,7 +3233,7 @@ main {
.pico nav details.dropdown { .pico nav details.dropdown {
display: inline; display: inline;
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0; margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
margin-bottom: 0; margin-block-end: 0;
} }
.pico nav details.dropdown.hide-arrow > summary::after { .pico nav details.dropdown.hide-arrow > summary::after {
display: none; display: none;
@ -3243,9 +3246,12 @@ main {
.pico nav details.dropdown > summary:not([role]):focus-visible { .pico nav details.dropdown > summary:not([role]):focus-visible {
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
} }
.pico nav details.dropdown:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
.pico label > details.dropdown { .pico label > details.dropdown {
margin-top: calc(var(--pico-spacing) * 0.25); margin-block-start: calc(var(--pico-spacing) * 0.25);
} }
/** /**

File diff suppressed because one or more lines are too long

View file

@ -768,6 +768,7 @@ main {
@media (min-width: 576px) { @media (min-width: 576px) {
.pico .container { .pico .container {
max-width: 510px; max-width: 510px;
padding-inline: 0;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
@ -2798,15 +2799,17 @@ main {
*/ */
.pico details { .pico details {
display: block; display: block;
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details.hide-arrow > summary::after { .pico details.hide-arrow > summary::after {
display: none; display: none;
content: none; content: none;
} }
.pico details:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
.pico details summary { .pico details summary {
position: relative; position: relative;
padding-inline-end: var(--pico-block-spacing-horizontal);
line-height: 1rem; line-height: 1rem;
list-style-type: none; list-style-type: none;
cursor: pointer; cursor: pointer;
@ -2858,7 +2861,7 @@ main {
height: calc(1rem * var(--pico-line-height, 1.5)); height: calc(1rem * var(--pico-line-height, 1.5));
} }
.pico details[open] > summary { .pico details[open] > summary {
margin-bottom: var(--pico-spacing); margin-block-end: var(--pico-spacing);
} }
.pico details[open] > summary:not([role]):not(:focus) { .pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color); color: var(--pico-accordion-open-summary-color);
@ -3154,7 +3157,7 @@ main {
min-width: -moz-fit-content; min-width: -moz-fit-content;
min-width: fit-content; min-width: fit-content;
margin: 0; margin: 0;
margin-top: var(--pico-outline-width); margin-block-start: var(--pico-outline-width);
padding: 0; padding: 0;
border: var(--pico-border-width) solid var(--pico-dropdown-border-color); border: var(--pico-border-width) solid var(--pico-dropdown-border-color);
border-radius: var(--pico-border-radius); border-radius: var(--pico-border-radius);
@ -3171,19 +3174,19 @@ main {
} }
.pico details.dropdown > summary + ul li { .pico details.dropdown > summary + ul li {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal); padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
list-style: none; list-style: none;
} }
.pico details.dropdown > summary + ul li:first-of-type { .pico details.dropdown > summary + ul li:first-of-type {
margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-start: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li:last-of-type { .pico details.dropdown > summary + ul li:last-of-type {
margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5); margin-block-end: calc(var(--pico-form-element-spacing-vertical) * 0.5);
} }
.pico details.dropdown > summary + ul li details { .pico details.dropdown > summary + ul li details {
width: 100%; width: 100%;
margin-bottom: 0; margin-block-end: 0;
} }
.pico details.dropdown > summary + ul li details > summary { .pico details.dropdown > summary + ul li details > summary {
line-height: var(--pico-line-height); line-height: var(--pico-line-height);
@ -3208,7 +3211,7 @@ main {
background-color: var(--pico-dropdown-hover-background-color); background-color: var(--pico-dropdown-hover-background-color);
} }
.pico details.dropdown[open] > summary { .pico details.dropdown[open] > summary {
margin-bottom: 0; margin-block-end: 0;
} }
.pico details.dropdown[open] > summary::before { .pico details.dropdown[open] > summary::before {
display: block; display: block;
@ -3230,7 +3233,7 @@ main {
.pico nav details.dropdown { .pico nav details.dropdown {
display: inline; display: inline;
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0; margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
margin-bottom: 0; margin-block-end: 0;
} }
.pico nav details.dropdown.hide-arrow > summary::after { .pico nav details.dropdown.hide-arrow > summary::after {
display: none; display: none;
@ -3243,9 +3246,12 @@ main {
.pico nav details.dropdown > summary:not([role]):focus-visible { .pico nav details.dropdown > summary:not([role]):focus-visible {
box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus); box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
} }
.pico nav details.dropdown:not(.hide-arrow) > summary {
padding-inline-end: calc(var(--pico-nav-link-spacing-horizontal) * 3.25);
}
.pico label > details.dropdown { .pico label > details.dropdown {
margin-top: calc(var(--pico-spacing) * 0.25); margin-block-start: calc(var(--pico-spacing) * 0.25);
} }
/** /**

Some files were not shown because too many files have changed in this diff Show more