54 lines
1.4 KiB
SCSS
54 lines
1.4 KiB
SCSS
@use "sass:map";
|
||
@use "../settings" as *;
|
||
|
||
@if map.get($modules, "content/embedded") {
|
||
/**
|
||
* Embedded content
|
||
*/
|
||
|
||
// Reboot based on :
|
||
// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
|
||
// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css
|
||
// ––––––––––––––––––––
|
||
|
||
// Change the alignment on media elements in all browsers (opinionated)
|
||
#{$parent-selector} :where(audio, canvas, iframe, img, svg, video) {
|
||
vertical-align: middle;
|
||
}
|
||
|
||
// Add the correct display in IE 9-
|
||
#{$parent-selector} audio,
|
||
#{$parent-selector} video {
|
||
display: inline-block;
|
||
}
|
||
|
||
// Add the correct display in iOS 4-7
|
||
#{$parent-selector} audio:not([controls]) {
|
||
display: none;
|
||
height: 0;
|
||
}
|
||
|
||
// Remove the border on iframes in all browsers (opinionated)
|
||
#{$parent-selector} :where(iframe) {
|
||
border-style: none;
|
||
}
|
||
|
||
// 1. Remove the border on images inside links in IE 10.
|
||
// 2. Responsive by default
|
||
#{$parent-selector} 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)
|
||
#{$parent-selector} :where(svg:not([fill])) {
|
||
fill: currentColor;
|
||
}
|
||
|
||
// Hide the overflow in IE
|
||
#{$parent-selector} svg:not(:root) {
|
||
overflow: hidden;
|
||
}
|
||
}
|