mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-22 01:26:13 -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.fluid.classless.blue.css
View file

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