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;
|
|||
|
|
}
|
|||
|
|
}
|