1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
|
/* https://html.spec.whatwg.org/#flow-content-3 */
@namespace "http://www.w3.org/1999/xhtml";
[popover]:not(:popover-open):not(dialog[open]) {
display: none;
}
dialog:popover-open {
display: block;
}
[popover] {
position: fixed;
inset: 0;
width: fit-content;
height: fit-content;
margin: auto;
border: solid;
padding: 0.25em;
overflow: auto;
color: CanvasText;
background-color: Canvas;
}
[popover]:popover-open::backdrop {
position: fixed;
inset: 0;
pointer-events: none !important;
background-color: transparent;
}
|