dialog-polyfill.css 636 B

12345678910111213141516171819202122232425262728293031323334353637
  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. dialog:not([open]) {
  18. display: none;
  19. }
  20. dialog + .backdrop {
  21. position: fixed;
  22. top: 0; right: 0; bottom: 0; left: 0;
  23. background: rgba(0,0,0,0.1);
  24. }
  25. ._dialog_overlay {
  26. position: fixed;
  27. top: 0; right: 0; bottom: 0; left: 0;
  28. }
  29. dialog.fixed {
  30. position: fixed;
  31. top: 50%;
  32. transform: translate(0, -50%);
  33. }