pico/scss/content/_miscs.scss

/**
 * Miscs
 */


// Reboot based on :
// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css
// ––––––––––––––––––––

// 1. Add the correct box sizing in Firefox
// 2. Show the overflow in Edge and IE
hr {
  box-sizing: content-box; // 1
  height: 0; // 1
  overflow: visible; // 2
  border: none;
  border-top: 1px solid var(--muted-border);
}

// 1. Add the correct display in Edge 18- and IE
// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox
progress {
  display: inline-block; // 1
  vertical-align: baseline; // 2
}

// Add the correct display in IE 10+
[hidden],
template {
  display: none;
}

// Add the correct styles in Edge 18-, IE, and Safari
dialog {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  margin: auto;
  padding: 1em;
  border: solid;
  background-color: white;
  color: black;
}

dialog:not([open]) {
  display: none;
}

// Add the correct display in IE 9-
canvas {
  display: inline-block;
}