mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-21 17:16:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

corrected dropdown arrow colors for secondary, contrast, and primary. Also enabled the turning of the arrow when the dropdowns are open or closed

Browse source
This commit is contained in:
Yohn 2024-12-14 21:13:13 -05:00
parent 130b1cda4e
commit a6325b8991
255 changed files with 5385 additions and 2236 deletions
Download patch file Download diff file Expand all files Collapse all files

37
css/pico.classless.conditional.slate.css
View file

@ -186,14 +186,6 @@ input:not([type=submit],
--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
*/
@ -302,6 +294,16 @@ input:not([type=submit],
--pico-timeline-dot-border-color: var(--pico-primary-background);
--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],
[type=button],
[type=reset],
@ -442,6 +444,14 @@ input:not([type=submit],
[type=file]) {
--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] {
color-scheme: dark;
@ -554,6 +564,12 @@ input:not([type=submit],
[type=file]) {
--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 [type=checkbox],
@ -2162,6 +2178,7 @@ main {
background-size: 1rem auto;
background-repeat: no-repeat;
content: "";
transition: transform var(--pico-transition);
}
.pico details summary:focus {
outline: none;
@ -2187,6 +2204,10 @@ main {
.pico details[open] > summary:not([role]):not(:focus) {
color: var(--pico-accordion-open-summary-color);
}
.pico details[open] > summary::after {
transform: rotate(0);
}
[dir=rtl] .pico details summary {
text-align: right;
}