| Copybara bot | be50d49 | 2023-11-30 00:16:42 +0100 | [diff] [blame^] | 1 | dialog { |
| 2 | position: absolute; |
| 3 | left: 0; right: 0; |
| 4 | width: -moz-fit-content; |
| 5 | width: -webkit-fit-content; |
| 6 | width: fit-content; |
| 7 | height: -moz-fit-content; |
| 8 | height: -webkit-fit-content; |
| 9 | height: fit-content; |
| 10 | margin: auto; |
| 11 | border: solid; |
| 12 | padding: 1em; |
| 13 | background: white; |
| 14 | color: black; |
| 15 | display: block; |
| 16 | } |
| 17 | |
| 18 | dialog:not([open]) { |
| 19 | display: none; |
| 20 | } |
| 21 | |
| 22 | dialog + .backdrop { |
| 23 | position: fixed; |
| 24 | top: 0; right: 0; bottom: 0; left: 0; |
| 25 | background: rgba(0,0,0,0.1); |
| 26 | } |
| 27 | |
| 28 | ._dialog_overlay { |
| 29 | position: fixed; |
| 30 | top: 0; right: 0; bottom: 0; left: 0; |
| 31 | } |
| 32 | |
| 33 | dialog.fixed { |
| 34 | position: fixed; |
| 35 | top: 50%; |
| 36 | transform: translate(0, -50%); |
| 37 | } |