46 lines
832 B
SCSS
46 lines
832 B
SCSS
// Embedded content
|
|
//
|
|
// Weight: 2
|
|
//
|
|
// Style guide: base.embedded
|
|
|
|
// Image
|
|
//
|
|
// An `<img>` element represents an image.
|
|
//
|
|
// Markup: embedded-img.twig
|
|
//
|
|
// Style guide: base.embedded.img
|
|
|
|
img {
|
|
// Remove the border on images inside links in IE <11.
|
|
border-style: none;
|
|
@if support-for(ie, 7) {
|
|
// Improve image quality when scaled in IE 7.
|
|
// sass-lint:disable no-vendor-prefixes
|
|
-ms-interpolation-mode: bicubic;
|
|
}
|
|
}
|
|
|
|
img,
|
|
svg {
|
|
// Suppress the space beneath the baseline
|
|
// vertical-align: bottom;
|
|
|
|
// Responsive images
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
// Scalable vector
|
|
//
|
|
// A `<svg>` element represents an image encoded as a Scalable Vector Graphic.
|
|
//
|
|
// Markup: embedded-svg.twig
|
|
//
|
|
// Style guide: base.embedded.svg
|
|
|
|
svg:not(:root) {
|
|
// Hide the overflow in IE.
|
|
overflow: hidden;
|
|
}
|