mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-24 10:26:13 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added Notifications 12

Browse source
This commit is contained in:
Yohn 2024-11-10 11:53:24 -05:00
parent 2c8e70a149
commit 84ed38efc9
240 changed files with 4885 additions and 119 deletions
Download patch file Download diff file Expand all files Collapse all files

40
css/pico.fluid.classless.slate.css
View file

@ -2346,6 +2346,46 @@ progress::-moz-progress-bar {
}
}
/**
* Notification (<dialog>)
*/
dialog[role=alert] {
position: fixed;
top: unset;
right: var(--pico-spacing);
bottom: var(--pico-spacing);
left: unset;
width: auto;
min-width: unset;
height: auto;
min-height: unset;
padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
border: var(--pico-border-width) solid var(--pico-border-color);
border-radius: var(--pico-border-radius);
-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
background-color: var(--pico-primary-background);
box-shadow: var(--pico-box-shadow);
color: var(--pico-primary-inverse);
font-weight: var(--pico-font-weight);
font-size: var(--pico-font-size);
line-height: var(--pico-line-height);
opacity: 0;
transition: opacity var(--pico-transition);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
dialog[data-backdrop=false][role=alert]::backdrop {
display: none;
}
dialog[role=alert][open] {
opacity: 1;
transition: opacity var(--pico-transition);
}
/**
* Accessibility & User interaction
*/