mirror of
https://github.com/picocss/pico.git
synced 2025-04-23 01:46:14 -04:00
RTL Dropdown Nav corrected thanks to @64bitint
Added popovers to possibly replace the notifications. Started adding popover toasts
This commit is contained in:
parent
8a7b25a44f
commit
64373c2d44
244 changed files with 3461 additions and 724 deletions
|
@ -2602,11 +2602,6 @@ body:has(dialog[open]) {
|
|||
/**
|
||||
* Nav
|
||||
*/
|
||||
:where(nav li)::before {
|
||||
float: left;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.pico nav,
|
||||
.pico nav ul {
|
||||
display: flex;
|
||||
|
@ -3176,6 +3171,27 @@ body:has(dialog[open]) {
|
|||
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>)
|
||||
*/
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue