pico/scss/content/_embedded.scss

/**
 * Embedded content
 */


// 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
// ––––––––––––––––––––

// Change the alignment on media elements in all browsers (opinionated)
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

// Add the correct display in IE 9-
audio,
video {
  display: inline-block;
}

// Add the correct display in iOS 4-7
audio:not([controls]) {
  display: none;
  height: 0;
}

// Remove the border on iframes in all browsers (opinionated)
iframe {
  border-style: none;
}

// 1. Remove the border on images inside links in IE 10.
// 2. Responsive by default
img {
  max-width: 100%; // 2
  height: auto; // 2
  border-style: none; // 1
}

// Change the fill color to match the text color in all browsers (opinionated)
svg:not([fill]) {
  fill: currentColor;
}

// Hide the overflow in IE
svg:not(:root) {
  overflow: hidden;
}