RTL Dropdown Nav corrected thanks to @64bitint

Added popovers to possibly replace the notifications.
Started adding popover toasts
This commit is contained in:
Yohn 2024-12-13 19:43:12 -05:00
parent 8a7b25a44f
commit 64373c2d44
244 changed files with 3461 additions and 724 deletions

View file

@ -340,6 +340,23 @@ 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,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before,
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea).contrast: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).contrast:is(button,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before {
filter: invert(1) !important;
}
[data-theme=light] input:is([type=submit], [data-theme=light] input:is([type=submit],
[type=button], [type=button],
[type=reset], [type=reset],
@ -3488,11 +3505,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -4062,6 +4074,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -340,6 +340,23 @@ 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,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before,
:root:not([data-theme=dark]) [aria-busy=true]:not(input, select, textarea).contrast: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).contrast:is(button,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before {
filter: invert(1) !important;
}
[data-theme=light] input:is([type=submit], [data-theme=light] input:is([type=submit],
[type=button], [type=button],
[type=reset], [type=reset],
@ -3488,11 +3505,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -4062,6 +4074,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
nav, nav,
nav ul { nav ul {
display: flex; display: flex;
@ -3176,6 +3171,27 @@ section[role=region] details[open] > div {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
[popover] {
border-color: var(--pico-primary);
}
[popover]:popover-open {
margin: auto auto;
}
[popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
[popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -340,6 +340,23 @@ 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,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before,
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast: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).contrast:is(button,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before {
filter: invert(1) !important;
}
[data-theme=light] input:is([type=submit], [data-theme=light] input:is([type=submit],
[type=button], [type=button],
[type=reset], [type=reset],
@ -3488,11 +3505,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -4062,6 +4074,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -340,6 +340,23 @@ 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,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before,
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast: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).contrast:is(button,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before {
filter: invert(1) !important;
}
[data-theme=light] input:is([type=submit], [data-theme=light] input:is([type=submit],
[type=button], [type=button],
[type=reset], [type=reset],
@ -3488,11 +3505,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -4062,6 +4074,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -340,6 +340,23 @@ 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,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before,
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast: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).contrast:is(button,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before {
filter: invert(1) !important;
}
[data-theme=light] input:is([type=submit], [data-theme=light] input:is([type=submit],
[type=button], [type=button],
[type=reset], [type=reset],
@ -3488,11 +3505,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -4062,6 +4074,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

View file

@ -340,6 +340,23 @@ 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,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before,
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast: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).contrast:is(button,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before {
filter: invert(1) !important;
}
[data-theme=light] input:is([type=submit], [data-theme=light] input:is([type=submit],
[type=button], [type=button],
[type=reset], [type=reset],
@ -3488,11 +3505,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -4062,6 +4074,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -340,6 +340,23 @@ 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,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before,
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast: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).contrast:is(button,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before {
filter: invert(1) !important;
}
[data-theme=light] input:is([type=submit], [data-theme=light] input:is([type=submit],
[type=button], [type=button],
[type=reset], [type=reset],
@ -3488,11 +3505,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -4062,6 +4074,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -340,6 +340,23 @@ 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,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before,
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast: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).contrast:is(button,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before {
filter: invert(1) !important;
}
[data-theme=light] input:is([type=submit], [data-theme=light] input:is([type=submit],
[type=button], [type=button],
[type=reset], [type=reset],
@ -3488,11 +3505,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -4062,6 +4074,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -340,6 +340,23 @@ 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,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before,
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast: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).contrast:is(button,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before {
filter: invert(1) !important;
}
[data-theme=light] input:is([type=submit], [data-theme=light] input:is([type=submit],
[type=button], [type=button],
[type=reset], [type=reset],
@ -3488,11 +3505,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -4062,6 +4074,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -340,6 +340,23 @@ 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,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before,
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast: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).contrast:is(button,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before {
filter: invert(1) !important;
}
[data-theme=light] input:is([type=submit], [data-theme=light] input:is([type=submit],
[type=button], [type=button],
[type=reset], [type=reset],
@ -3488,11 +3505,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -4062,6 +4074,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -340,6 +340,23 @@ 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,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before,
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast: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).contrast:is(button,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before {
filter: invert(1) !important;
}
[data-theme=light] input:is([type=submit], [data-theme=light] input:is([type=submit],
[type=button], [type=button],
[type=reset], [type=reset],
@ -3488,11 +3505,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -4062,6 +4074,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

File diff suppressed because one or more lines are too long

View file

@ -340,6 +340,23 @@ 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,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before,
:root:not([data-theme=dark]) .pico [aria-busy=true]:not(input, select, textarea).contrast: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).contrast:is(button,
[type=submit],
[type=button],
[type=reset],
[role=button]):not(.outline)::before {
filter: invert(1) !important;
}
[data-theme=light] input:is([type=submit], [data-theme=light] input:is([type=submit],
[type=button], [type=button],
[type=reset], [type=reset],
@ -3488,11 +3505,6 @@ body:has(dialog[open]) {
/** /**
* Nav * Nav
*/ */
:where(nav li)::before {
float: left;
content: "";
}
.pico nav, .pico nav,
.pico nav ul { .pico nav ul {
display: flex; display: flex;
@ -4062,6 +4074,27 @@ body:has(dialog[open]) {
transition: opacity var(--pico-transition); transition: opacity var(--pico-transition);
} }
.pico [popover] {
border-color: var(--pico-primary);
}
.pico [popover]:popover-open {
margin: auto auto;
}
.pico [popover]::backdrop {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background: rgba(0, 0, 0, 0.7);
}
.pico [popover] button {
margin-top: -10px;
padding: 0;
border: 0 none;
background: transparent;
color: var(--pico-primary);
font-size: 1.5em;
opacity: 0.8;
}
/** /**
* Notification (<dialog>) * Notification (<dialog>)
*/ */

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