mirror of
https://github.com/picocss/pico.git
synced 2025-04-20 16:46:14 -04:00
corrected dropdown arrow colors for secondary, contrast, and primary. Also enabled the turning of the arrow when the dropdowns are open or closed
This commit is contained in:
Yohn
parent
130b1cda4e
commit
a6325b8991
255 changed files with 5385 additions and 2236 deletions
|
|
@ -219,14 +219,6 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]:not(.outline)::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -340,22 +332,25 @@ details summary[role=button]:not(.outline)::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
[data-theme=light] [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(1);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] details summary.secondary[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) details summary.secondary[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) details summary.secondary[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(1);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] details summary.contrast[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) details summary.contrast[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) details summary.contrast[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before {
|
}
|
||||||
filter: invert(1) !important;
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
|
|
@ -514,9 +509,21 @@ details summary[role=button]:not(.outline)::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
:root:not([data-theme]) details summary[role=button].contrast:not(.outline)::after,
|
:root:not([data-theme]) details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
:host(:not([data-theme])) details summary[role=button].contrast:not(.outline)::after {
|
:host(:not([data-theme])) details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) details summary.secondary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) details summary.contrast[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
|
|
@ -642,8 +649,17 @@ details summary[role=button]:not(.outline)::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
[data-theme=dark] details summary[role=button].contrast:not(.outline)::after {
|
[data-theme=dark] details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
|
|
@ -2860,6 +2876,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2885,6 +2902,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
@ -2986,6 +3007,11 @@ details.dropdown {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
details.dropdown[open] > summary::after,
|
||||||
|
details.dropdown[open] > button::after,
|
||||||
|
details.dropdown[open] > a::after {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
details.dropdown > summary::after,
|
details.dropdown > summary::after,
|
||||||
details.dropdown > button::after,
|
details.dropdown > button::after,
|
||||||
details.dropdown > a::after {
|
details.dropdown > a::after {
|
||||||
|
|
@ -2994,7 +3020,7 @@ details.dropdown > a::after {
|
||||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||||
margin-inline-start: 0.25rem;
|
margin-inline-start: 0.25rem;
|
||||||
float: right;
|
float: right;
|
||||||
transform: rotate(0deg) translateX(0.2rem);
|
transform: rotate(-90deg);
|
||||||
background-image: var(--pico-icon-chevron);
|
background-image: var(--pico-icon-chevron);
|
||||||
background-position: right center;
|
background-position: right center;
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
|
|
@ -3045,9 +3071,6 @@ 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;
|
||||||
}
|
}
|
||||||
nav details.dropdown > summary::after {
|
|
||||||
transform: rotate(0deg) translateX(0rem);
|
|
||||||
}
|
|
||||||
nav details.dropdown > summary:not([role]) {
|
nav details.dropdown > summary:not([role]) {
|
||||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||||
|
|
|
||||||
2
css/pico.amber.min.css
vendored
2
css/pico.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -219,14 +219,6 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]:not(.outline)::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -340,22 +332,25 @@ details summary[role=button]:not(.outline)::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
[data-theme=light] [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] details summary.secondary[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) details summary.secondary[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) details summary.secondary[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(1);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] details summary.contrast[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) details summary.contrast[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) details summary.contrast[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before {
|
}
|
||||||
filter: invert(1) !important;
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
}
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
|
|
@ -514,9 +509,21 @@ details summary[role=button]:not(.outline)::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
:root:not([data-theme]) details summary[role=button].contrast:not(.outline)::after,
|
:root:not([data-theme]) details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
:host(:not([data-theme])) details summary[role=button].contrast:not(.outline)::after {
|
:host(:not([data-theme])) details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) details summary.secondary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) details summary.contrast[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
|
|
@ -642,8 +649,17 @@ details summary[role=button]:not(.outline)::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
[data-theme=dark] details summary[role=button].contrast:not(.outline)::after {
|
[data-theme=dark] details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
|
|
@ -2860,6 +2876,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2885,6 +2902,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
@ -2986,6 +3007,11 @@ details.dropdown {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
details.dropdown[open] > summary::after,
|
||||||
|
details.dropdown[open] > button::after,
|
||||||
|
details.dropdown[open] > a::after {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
details.dropdown > summary::after,
|
details.dropdown > summary::after,
|
||||||
details.dropdown > button::after,
|
details.dropdown > button::after,
|
||||||
details.dropdown > a::after {
|
details.dropdown > a::after {
|
||||||
|
|
@ -2994,7 +3020,7 @@ details.dropdown > a::after {
|
||||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||||
margin-inline-start: 0.25rem;
|
margin-inline-start: 0.25rem;
|
||||||
float: right;
|
float: right;
|
||||||
transform: rotate(0deg) translateX(0.2rem);
|
transform: rotate(-90deg);
|
||||||
background-image: var(--pico-icon-chevron);
|
background-image: var(--pico-icon-chevron);
|
||||||
background-position: right center;
|
background-position: right center;
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
|
|
@ -3045,9 +3071,6 @@ 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;
|
||||||
}
|
}
|
||||||
nav details.dropdown > summary::after {
|
|
||||||
transform: rotate(0deg) translateX(0rem);
|
|
||||||
}
|
|
||||||
nav details.dropdown > summary:not([role]) {
|
nav details.dropdown > summary:not([role]) {
|
||||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||||
|
|
|
||||||
2
css/pico.azure.min.css
vendored
2
css/pico.azure.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -219,14 +219,6 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]:not(.outline)::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -340,22 +332,25 @@ details summary[role=button]:not(.outline)::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
[data-theme=light] [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] details summary.secondary[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) details summary.secondary[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) details summary.secondary[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(1);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] details summary.contrast[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) details summary.contrast[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) details summary.contrast[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before {
|
}
|
||||||
filter: invert(1) !important;
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
}
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
|
|
@ -514,9 +509,21 @@ details summary[role=button]:not(.outline)::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
:root:not([data-theme]) details summary[role=button].contrast:not(.outline)::after,
|
:root:not([data-theme]) details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
:host(:not([data-theme])) details summary[role=button].contrast:not(.outline)::after {
|
:host(:not([data-theme])) details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) details summary.secondary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) details summary.contrast[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
|
|
@ -642,8 +649,17 @@ details summary[role=button]:not(.outline)::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
[data-theme=dark] details summary[role=button].contrast:not(.outline)::after {
|
[data-theme=dark] details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
|
|
@ -2860,6 +2876,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2885,6 +2902,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
@ -2986,6 +3007,11 @@ details.dropdown {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
details.dropdown[open] > summary::after,
|
||||||
|
details.dropdown[open] > button::after,
|
||||||
|
details.dropdown[open] > a::after {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
details.dropdown > summary::after,
|
details.dropdown > summary::after,
|
||||||
details.dropdown > button::after,
|
details.dropdown > button::after,
|
||||||
details.dropdown > a::after {
|
details.dropdown > a::after {
|
||||||
|
|
@ -2994,7 +3020,7 @@ details.dropdown > a::after {
|
||||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||||
margin-inline-start: 0.25rem;
|
margin-inline-start: 0.25rem;
|
||||||
float: right;
|
float: right;
|
||||||
transform: rotate(0deg) translateX(0.2rem);
|
transform: rotate(-90deg);
|
||||||
background-image: var(--pico-icon-chevron);
|
background-image: var(--pico-icon-chevron);
|
||||||
background-position: right center;
|
background-position: right center;
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
|
|
@ -3045,9 +3071,6 @@ 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;
|
||||||
}
|
}
|
||||||
nav details.dropdown > summary::after {
|
|
||||||
transform: rotate(0deg) translateX(0rem);
|
|
||||||
}
|
|
||||||
nav details.dropdown > summary:not([role]) {
|
nav details.dropdown > summary:not([role]) {
|
||||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||||
|
|
|
||||||
2
css/pico.blue.min.css
vendored
2
css/pico.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.amber.min.css
vendored
2
css/pico.classless.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.azure.min.css
vendored
2
css/pico.classless.azure.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.blue.min.css
vendored
2
css/pico.classless.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.amber.min.css
vendored
2
css/pico.classless.conditional.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.azure.min.css
vendored
2
css/pico.classless.conditional.azure.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.blue.min.css
vendored
2
css/pico.classless.conditional.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.cyan.min.css
vendored
2
css/pico.classless.conditional.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.green.min.css
vendored
2
css/pico.classless.conditional.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.grey.min.css
vendored
2
css/pico.classless.conditional.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.jade.min.css
vendored
2
css/pico.classless.conditional.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.lime.min.css
vendored
2
css/pico.classless.conditional.lime.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.pink.min.css
vendored
2
css/pico.classless.conditional.pink.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.red.min.css
vendored
2
css/pico.classless.conditional.red.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.sand.min.css
vendored
2
css/pico.classless.conditional.sand.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.slate.min.css
vendored
2
css/pico.classless.conditional.slate.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ input:not([type=submit],
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] .pico details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ input:not([type=submit],
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] .pico details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
.pico [type=checkbox],
|
.pico [type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.conditional.zinc.min.css
vendored
2
css/pico.classless.conditional.zinc.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.cyan.min.css
vendored
2
css/pico.classless.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.fuchsia.min.css
vendored
2
css/pico.classless.fuchsia.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.green.min.css
vendored
2
css/pico.classless.green.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.grey.min.css
vendored
2
css/pico.classless.grey.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.indigo.min.css
vendored
2
css/pico.classless.indigo.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.jade.min.css
vendored
2
css/pico.classless.jade.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.lime.min.css
vendored
2
css/pico.classless.lime.min.css
vendored
File diff suppressed because one or more lines are too long
2
css/pico.classless.min.css
vendored
2
css/pico.classless.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.orange.min.css
vendored
2
css/pico.classless.orange.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.pink.min.css
vendored
2
css/pico.classless.pink.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.pumpkin.min.css
vendored
2
css/pico.classless.pumpkin.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.purple.min.css
vendored
2
css/pico.classless.purple.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.red.min.css
vendored
2
css/pico.classless.red.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.sand.min.css
vendored
2
css/pico.classless.sand.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.slate.min.css
vendored
2
css/pico.classless.slate.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.violet.min.css
vendored
2
css/pico.classless.violet.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.yellow.min.css
vendored
2
css/pico.classless.yellow.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -186,14 +186,6 @@ input:not([type=submit],
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary[role=button]::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -302,6 +294,16 @@ details summary[role=button]::after {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
|
[data-theme=light] details summary[role=button]::after,
|
||||||
|
:root:not([data-theme=dark]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme=dark])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=light] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme=dark])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
[type=reset],
|
[type=reset],
|
||||||
|
|
@ -442,6 +444,14 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
:root:not([data-theme]) details summary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before,
|
||||||
|
:host(:not([data-theme])) [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
|
|
@ -554,6 +564,12 @@ details summary[role=button]::after {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
|
[data-theme=dark] details summary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button])::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
|
||||||
progress,
|
progress,
|
||||||
[type=checkbox],
|
[type=checkbox],
|
||||||
|
|
@ -2162,6 +2178,7 @@ details summary::after {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
details summary:focus {
|
details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2187,6 +2204,10 @@ details[open] > summary {
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] details summary {
|
[dir=rtl] details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
2
css/pico.classless.zinc.min.css
vendored
2
css/pico.classless.zinc.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -219,14 +219,6 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]:not(.outline)::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -340,22 +332,25 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(1);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary.secondary[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary.secondary[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary.secondary[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(1);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary.contrast[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary.contrast[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary.contrast[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before {
|
}
|
||||||
filter: invert(1) !important;
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
|
|
@ -514,9 +509,21 @@ nav details.dropdown summary:focus-visible {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
:root:not([data-theme]) .pico details summary[role=button].contrast:not(.outline)::after,
|
:root:not([data-theme]) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
:host(:not([data-theme])) .pico details summary[role=button].contrast:not(.outline)::after {
|
:host(:not([data-theme])) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary.secondary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary.contrast[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
|
|
@ -642,8 +649,17 @@ nav details.dropdown summary:focus-visible {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
[data-theme=dark] .pico details summary[role=button].contrast:not(.outline)::after {
|
[data-theme=dark] .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
|
|
@ -2860,6 +2876,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2885,6 +2902,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
@ -2986,6 +3007,11 @@ main {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
.pico details.dropdown[open] > summary::after,
|
||||||
|
.pico details.dropdown[open] > button::after,
|
||||||
|
.pico details.dropdown[open] > a::after {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
.pico details.dropdown > summary::after,
|
.pico details.dropdown > summary::after,
|
||||||
.pico details.dropdown > button::after,
|
.pico details.dropdown > button::after,
|
||||||
.pico details.dropdown > a::after {
|
.pico details.dropdown > a::after {
|
||||||
|
|
@ -2994,7 +3020,7 @@ main {
|
||||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||||
margin-inline-start: 0.25rem;
|
margin-inline-start: 0.25rem;
|
||||||
float: right;
|
float: right;
|
||||||
transform: rotate(0deg) translateX(0.2rem);
|
transform: rotate(-90deg);
|
||||||
background-image: var(--pico-icon-chevron);
|
background-image: var(--pico-icon-chevron);
|
||||||
background-position: right center;
|
background-position: right center;
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
|
|
@ -3045,9 +3071,6 @@ main {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||||
}
|
}
|
||||||
.pico nav details.dropdown > summary::after {
|
|
||||||
transform: rotate(0deg) translateX(0rem);
|
|
||||||
}
|
|
||||||
.pico nav details.dropdown > summary:not([role]) {
|
.pico nav details.dropdown > summary:not([role]) {
|
||||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||||
|
|
|
||||||
2
css/pico.conditional.amber.min.css
vendored
2
css/pico.conditional.amber.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -219,14 +219,6 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]:not(.outline)::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -340,22 +332,25 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary.secondary[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary.secondary[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary.secondary[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(1);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary.contrast[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary.contrast[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary.contrast[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before {
|
}
|
||||||
filter: invert(1) !important;
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
}
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
|
|
@ -514,9 +509,21 @@ nav details.dropdown summary:focus-visible {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
:root:not([data-theme]) .pico details summary[role=button].contrast:not(.outline)::after,
|
:root:not([data-theme]) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
:host(:not([data-theme])) .pico details summary[role=button].contrast:not(.outline)::after {
|
:host(:not([data-theme])) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary.secondary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary.contrast[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
|
|
@ -642,8 +649,17 @@ nav details.dropdown summary:focus-visible {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
[data-theme=dark] .pico details summary[role=button].contrast:not(.outline)::after {
|
[data-theme=dark] .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
|
|
@ -2860,6 +2876,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2885,6 +2902,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
@ -2986,6 +3007,11 @@ main {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
.pico details.dropdown[open] > summary::after,
|
||||||
|
.pico details.dropdown[open] > button::after,
|
||||||
|
.pico details.dropdown[open] > a::after {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
.pico details.dropdown > summary::after,
|
.pico details.dropdown > summary::after,
|
||||||
.pico details.dropdown > button::after,
|
.pico details.dropdown > button::after,
|
||||||
.pico details.dropdown > a::after {
|
.pico details.dropdown > a::after {
|
||||||
|
|
@ -2994,7 +3020,7 @@ main {
|
||||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||||
margin-inline-start: 0.25rem;
|
margin-inline-start: 0.25rem;
|
||||||
float: right;
|
float: right;
|
||||||
transform: rotate(0deg) translateX(0.2rem);
|
transform: rotate(-90deg);
|
||||||
background-image: var(--pico-icon-chevron);
|
background-image: var(--pico-icon-chevron);
|
||||||
background-position: right center;
|
background-position: right center;
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
|
|
@ -3045,9 +3071,6 @@ main {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||||
}
|
}
|
||||||
.pico nav details.dropdown > summary::after {
|
|
||||||
transform: rotate(0deg) translateX(0rem);
|
|
||||||
}
|
|
||||||
.pico nav details.dropdown > summary:not([role]) {
|
.pico nav details.dropdown > summary:not([role]) {
|
||||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||||
|
|
|
||||||
2
css/pico.conditional.azure.min.css
vendored
2
css/pico.conditional.azure.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -219,14 +219,6 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]:not(.outline)::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -340,22 +332,25 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary.secondary[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary.secondary[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary.secondary[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(1);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary.contrast[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary.contrast[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary.contrast[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before {
|
}
|
||||||
filter: invert(1) !important;
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
}
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
|
|
@ -514,9 +509,21 @@ nav details.dropdown summary:focus-visible {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
:root:not([data-theme]) .pico details summary[role=button].contrast:not(.outline)::after,
|
:root:not([data-theme]) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
:host(:not([data-theme])) .pico details summary[role=button].contrast:not(.outline)::after {
|
:host(:not([data-theme])) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary.secondary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary.contrast[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
|
|
@ -642,8 +649,17 @@ nav details.dropdown summary:focus-visible {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
[data-theme=dark] .pico details summary[role=button].contrast:not(.outline)::after {
|
[data-theme=dark] .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
|
|
@ -2860,6 +2876,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2885,6 +2902,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
@ -2986,6 +3007,11 @@ main {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
.pico details.dropdown[open] > summary::after,
|
||||||
|
.pico details.dropdown[open] > button::after,
|
||||||
|
.pico details.dropdown[open] > a::after {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
.pico details.dropdown > summary::after,
|
.pico details.dropdown > summary::after,
|
||||||
.pico details.dropdown > button::after,
|
.pico details.dropdown > button::after,
|
||||||
.pico details.dropdown > a::after {
|
.pico details.dropdown > a::after {
|
||||||
|
|
@ -2994,7 +3020,7 @@ main {
|
||||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||||
margin-inline-start: 0.25rem;
|
margin-inline-start: 0.25rem;
|
||||||
float: right;
|
float: right;
|
||||||
transform: rotate(0deg) translateX(0.2rem);
|
transform: rotate(-90deg);
|
||||||
background-image: var(--pico-icon-chevron);
|
background-image: var(--pico-icon-chevron);
|
||||||
background-position: right center;
|
background-position: right center;
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
|
|
@ -3045,9 +3071,6 @@ main {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||||
}
|
}
|
||||||
.pico nav details.dropdown > summary::after {
|
|
||||||
transform: rotate(0deg) translateX(0rem);
|
|
||||||
}
|
|
||||||
.pico nav details.dropdown > summary:not([role]) {
|
.pico nav details.dropdown > summary:not([role]) {
|
||||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||||
|
|
|
||||||
2
css/pico.conditional.blue.min.css
vendored
2
css/pico.conditional.blue.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -219,14 +219,6 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]:not(.outline)::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
|
||||||
filter: brightness(0) invert(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -340,22 +332,25 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(1);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary.secondary[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary.secondary[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary.secondary[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(1);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary.contrast[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary.contrast[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary.contrast[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before {
|
}
|
||||||
filter: invert(1) !important;
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(0) invert(1);
|
||||||
}
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
|
|
@ -514,9 +509,21 @@ nav details.dropdown summary:focus-visible {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
:root:not([data-theme]) .pico details summary[role=button].contrast:not(.outline)::after,
|
:root:not([data-theme]) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
:host(:not([data-theme])) .pico details summary[role=button].contrast:not(.outline)::after {
|
:host(:not([data-theme])) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary.secondary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary.contrast[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
|
|
@ -642,8 +649,17 @@ nav details.dropdown summary:focus-visible {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
[data-theme=dark] .pico details summary[role=button].contrast:not(.outline)::after {
|
[data-theme=dark] .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
|
|
@ -2860,6 +2876,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2885,6 +2902,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
@ -2986,6 +3007,11 @@ main {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
.pico details.dropdown[open] > summary::after,
|
||||||
|
.pico details.dropdown[open] > button::after,
|
||||||
|
.pico details.dropdown[open] > a::after {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
.pico details.dropdown > summary::after,
|
.pico details.dropdown > summary::after,
|
||||||
.pico details.dropdown > button::after,
|
.pico details.dropdown > button::after,
|
||||||
.pico details.dropdown > a::after {
|
.pico details.dropdown > a::after {
|
||||||
|
|
@ -2994,7 +3020,7 @@ main {
|
||||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||||
margin-inline-start: 0.25rem;
|
margin-inline-start: 0.25rem;
|
||||||
float: right;
|
float: right;
|
||||||
transform: rotate(0deg) translateX(0.2rem);
|
transform: rotate(-90deg);
|
||||||
background-image: var(--pico-icon-chevron);
|
background-image: var(--pico-icon-chevron);
|
||||||
background-position: right center;
|
background-position: right center;
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
|
|
@ -3045,9 +3071,6 @@ main {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||||
}
|
}
|
||||||
.pico nav details.dropdown > summary::after {
|
|
||||||
transform: rotate(0deg) translateX(0rem);
|
|
||||||
}
|
|
||||||
.pico nav details.dropdown > summary:not([role]) {
|
.pico nav details.dropdown > summary:not([role]) {
|
||||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||||
|
|
|
||||||
|
|
@ -219,14 +219,6 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]:not(.outline)::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -340,22 +332,25 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary.secondary[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary.secondary[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary.secondary[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(1);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary.contrast[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary.contrast[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary.contrast[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before {
|
}
|
||||||
filter: invert(1) !important;
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
}
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
|
|
@ -514,9 +509,21 @@ nav details.dropdown summary:focus-visible {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
:root:not([data-theme]) .pico details summary[role=button].contrast:not(.outline)::after,
|
:root:not([data-theme]) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
:host(:not([data-theme])) .pico details summary[role=button].contrast:not(.outline)::after {
|
:host(:not([data-theme])) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary.secondary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary.contrast[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
|
|
@ -642,8 +649,17 @@ nav details.dropdown summary:focus-visible {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
[data-theme=dark] .pico details summary[role=button].contrast:not(.outline)::after {
|
[data-theme=dark] .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
|
|
@ -2860,6 +2876,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2885,6 +2902,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
@ -2986,6 +3007,11 @@ main {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
.pico details.dropdown[open] > summary::after,
|
||||||
|
.pico details.dropdown[open] > button::after,
|
||||||
|
.pico details.dropdown[open] > a::after {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
.pico details.dropdown > summary::after,
|
.pico details.dropdown > summary::after,
|
||||||
.pico details.dropdown > button::after,
|
.pico details.dropdown > button::after,
|
||||||
.pico details.dropdown > a::after {
|
.pico details.dropdown > a::after {
|
||||||
|
|
@ -2994,7 +3020,7 @@ main {
|
||||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||||
margin-inline-start: 0.25rem;
|
margin-inline-start: 0.25rem;
|
||||||
float: right;
|
float: right;
|
||||||
transform: rotate(0deg) translateX(0.2rem);
|
transform: rotate(-90deg);
|
||||||
background-image: var(--pico-icon-chevron);
|
background-image: var(--pico-icon-chevron);
|
||||||
background-position: right center;
|
background-position: right center;
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
|
|
@ -3045,9 +3071,6 @@ main {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||||
}
|
}
|
||||||
.pico nav details.dropdown > summary::after {
|
|
||||||
transform: rotate(0deg) translateX(0rem);
|
|
||||||
}
|
|
||||||
.pico nav details.dropdown > summary:not([role]) {
|
.pico nav details.dropdown > summary:not([role]) {
|
||||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||||
|
|
|
||||||
2
css/pico.conditional.cyan.min.css
vendored
2
css/pico.conditional.cyan.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -219,14 +219,6 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]:not(.outline)::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -340,22 +332,25 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary.secondary[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary.secondary[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary.secondary[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(1);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary.contrast[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary.contrast[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary.contrast[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before {
|
}
|
||||||
filter: invert(1) !important;
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
}
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
|
|
@ -514,9 +509,21 @@ nav details.dropdown summary:focus-visible {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
:root:not([data-theme]) .pico details summary[role=button].contrast:not(.outline)::after,
|
:root:not([data-theme]) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
:host(:not([data-theme])) .pico details summary[role=button].contrast:not(.outline)::after {
|
:host(:not([data-theme])) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary.secondary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary.contrast[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
|
|
@ -642,8 +649,17 @@ nav details.dropdown summary:focus-visible {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
[data-theme=dark] .pico details summary[role=button].contrast:not(.outline)::after {
|
[data-theme=dark] .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
|
|
@ -2860,6 +2876,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2885,6 +2902,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
@ -2986,6 +3007,11 @@ main {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
.pico details.dropdown[open] > summary::after,
|
||||||
|
.pico details.dropdown[open] > button::after,
|
||||||
|
.pico details.dropdown[open] > a::after {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
.pico details.dropdown > summary::after,
|
.pico details.dropdown > summary::after,
|
||||||
.pico details.dropdown > button::after,
|
.pico details.dropdown > button::after,
|
||||||
.pico details.dropdown > a::after {
|
.pico details.dropdown > a::after {
|
||||||
|
|
@ -2994,7 +3020,7 @@ main {
|
||||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||||
margin-inline-start: 0.25rem;
|
margin-inline-start: 0.25rem;
|
||||||
float: right;
|
float: right;
|
||||||
transform: rotate(0deg) translateX(0.2rem);
|
transform: rotate(-90deg);
|
||||||
background-image: var(--pico-icon-chevron);
|
background-image: var(--pico-icon-chevron);
|
||||||
background-position: right center;
|
background-position: right center;
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
|
|
@ -3045,9 +3071,6 @@ main {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||||
}
|
}
|
||||||
.pico nav details.dropdown > summary::after {
|
|
||||||
transform: rotate(0deg) translateX(0rem);
|
|
||||||
}
|
|
||||||
.pico nav details.dropdown > summary:not([role]) {
|
.pico nav details.dropdown > summary:not([role]) {
|
||||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||||
|
|
|
||||||
2
css/pico.conditional.fuchsia.min.css
vendored
2
css/pico.conditional.fuchsia.min.css
vendored
File diff suppressed because one or more lines are too long
|
|
@ -219,14 +219,6 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-form-element-spacing-horizontal: 2rem;
|
--pico-form-element-spacing-horizontal: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico details summary[role=button]:not(.outline)::after {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
|
||||||
filter: brightness(0) invert(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Color schemes
|
* Color schemes
|
||||||
*/
|
*/
|
||||||
|
|
@ -340,22 +332,25 @@ nav details.dropdown summary:focus-visible {
|
||||||
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
--pico-timeline-dot-border-color: var(--pico-primary-background);
|
||||||
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
--pico-timeline-arrow-color: var(--pico-card-sectioning-background-color);
|
||||||
}
|
}
|
||||||
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary.secondary[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary.secondary[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary.secondary[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(1);
|
||||||
[role=button]):not(.outline)::before,
|
}
|
||||||
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea).contrast:is(button,
|
[data-theme=light] .pico details summary.contrast[role=button]::after,
|
||||||
[type=submit],
|
:root:not([data-theme=dark]) .pico details summary.contrast[role=button]::after,
|
||||||
[type=button],
|
:host(:not([data-theme=dark])) .pico details summary.contrast[role=button]::after {
|
||||||
[type=reset],
|
filter: brightness(100) invert(0);
|
||||||
[role=button]):not(.outline)::before {
|
}
|
||||||
filter: invert(1) !important;
|
[data-theme=light] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme=dark])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
}
|
}
|
||||||
[data-theme=light] input:is([type=submit],
|
[data-theme=light] input:is([type=submit],
|
||||||
[type=button],
|
[type=button],
|
||||||
|
|
@ -514,9 +509,21 @@ nav details.dropdown summary:focus-visible {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
:root:not([data-theme]) .pico details summary[role=button].contrast:not(.outline)::after,
|
:root:not([data-theme]) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after,
|
||||||
:host(:not([data-theme])) .pico details summary[role=button].contrast:not(.outline)::after {
|
:host(:not([data-theme])) .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary.secondary[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico details summary.contrast[role=button]::after,
|
||||||
|
:host(:not([data-theme])) .pico details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
:root:not([data-theme]) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before,
|
||||||
|
:host(:not([data-theme])) .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
[data-theme=dark] {
|
[data-theme=dark] {
|
||||||
|
|
@ -642,8 +649,17 @@ nav details.dropdown summary:focus-visible {
|
||||||
[type=file]) {
|
[type=file]) {
|
||||||
--pico-form-element-focus-color: var(--pico-primary-focus);
|
--pico-form-element-focus-color: var(--pico-primary-focus);
|
||||||
}
|
}
|
||||||
[data-theme=dark] .pico details summary[role=button].contrast:not(.outline)::after {
|
[data-theme=dark] .pico details summary[role=button]:not(.outline, .contrast, .secondary)::after {
|
||||||
filter: brightness(0);
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico details summary.secondary[role=button]::after {
|
||||||
|
filter: brightness(100) invert(0);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico details summary.contrast[role=button]::after {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
|
}
|
||||||
|
[data-theme=dark] .pico [aria-busy=true]:not(input, select, textarea, html, form):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
|
||||||
|
filter: brightness(100) invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pico progress,
|
.pico progress,
|
||||||
|
|
@ -2860,6 +2876,7 @@ main {
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
content: "";
|
content: "";
|
||||||
|
transition: transform var(--pico-transition);
|
||||||
}
|
}
|
||||||
.pico details summary:focus {
|
.pico details summary:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
@ -2885,6 +2902,10 @@ main {
|
||||||
.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);
|
||||||
}
|
}
|
||||||
|
.pico details[open] > summary::after {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
[dir=rtl] .pico details summary {
|
[dir=rtl] .pico details summary {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
@ -2986,6 +3007,11 @@ main {
|
||||||
position: relative;
|
position: relative;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
.pico details.dropdown[open] > summary::after,
|
||||||
|
.pico details.dropdown[open] > button::after,
|
||||||
|
.pico details.dropdown[open] > a::after {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
.pico details.dropdown > summary::after,
|
.pico details.dropdown > summary::after,
|
||||||
.pico details.dropdown > button::after,
|
.pico details.dropdown > button::after,
|
||||||
.pico details.dropdown > a::after {
|
.pico details.dropdown > a::after {
|
||||||
|
|
@ -2994,7 +3020,7 @@ main {
|
||||||
height: calc(1rem * var(--pico-line-height, 1.5));
|
height: calc(1rem * var(--pico-line-height, 1.5));
|
||||||
margin-inline-start: 0.25rem;
|
margin-inline-start: 0.25rem;
|
||||||
float: right;
|
float: right;
|
||||||
transform: rotate(0deg) translateX(0.2rem);
|
transform: rotate(-90deg);
|
||||||
background-image: var(--pico-icon-chevron);
|
background-image: var(--pico-icon-chevron);
|
||||||
background-position: right center;
|
background-position: right center;
|
||||||
background-size: 1rem auto;
|
background-size: 1rem auto;
|
||||||
|
|
@ -3045,9 +3071,6 @@ main {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;
|
||||||
}
|
}
|
||||||
.pico nav details.dropdown > summary::after {
|
|
||||||
transform: rotate(0deg) translateX(0rem);
|
|
||||||
}
|
|
||||||
.pico nav details.dropdown > summary:not([role]) {
|
.pico nav details.dropdown > summary:not([role]) {
|
||||||
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);
|
||||||
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);
|
||||||
|
|
|
||||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue