xarxaprod-wp-theme/sass/base/elements/_media.scss

43 lines
931 B
SCSS
Raw Normal View History

2024-01-09 16:13:20 +01:00
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto; // Make sure images are scaled correctly.
max-width: 100%; // Adhere to container width.
}
figure {
margin: 1em 0; // Extra wide images within figure tags don't overflow the content area.
}
//figure .xarxaprod-associat-logo {
// max-height: 11rem;
// img {
// object-fit: contain;
// }
//}
#junta-directiva img,img.fotocopia {
filter: grayscale(1) contrast(1) brightness(1);
mix-blend-mode: multiply;
}
//mapas leaflet
.xarxaprod-associats-map,.xarxaprod-espais-map {
aspect-ratio: 4 / 3;
background-color: rgba(200,200,200,0.4); //place holder background color
}
.page-template-associats-search{
.xarxaprod-associats-map,.xarxaprod-espais-map {
aspect-ratio: 4 / 3;
}
}
.single-xarxaprod-associat {
.xarxaprod-associats-map,.xarxaprod-espais-map {
aspect-ratio: 16 / 9;
}
}