portails/assets/scss/components/_images.scss

63 lines
854 B
SCSS
Raw Normal View History

2020-04-15 15:48:16 +02:00
figure {
margin: 0 0 1rem;
display: inline-block;
}
figure img {
margin-bottom: 0.5rem;
line-height: 1;
max-width: 100%;
height: auto;
}
figure figcaption {
margin: 0.25rem 0 0.75rem;
font-size: 0.875em;
color: #6c757d;
2020-04-15 15:48:16 +02:00
}
.figure-caption {
margin: 0.25rem 0 0.75rem;
}
figure.wide {
margin: 2rem -1.5rem;
}
figure.wide .figure-caption {
margin: 0.25rem 1.5rem 0.75rem;
}
@include media-breakpoint-up(md) {
figure.wide {
2020-11-04 08:26:58 +01:00
margin: 2rem -2.5rem;
2020-04-15 15:48:16 +02:00
}
figure.wide .figure-caption {
2020-11-04 08:26:58 +01:00
margin: 0.25rem 2.5rem 0.75rem;
2020-04-15 15:48:16 +02:00
}
}
@include media-breakpoint-up(lg) {
figure.wide {
margin: 2rem -5rem;
}
figure.wide .figure-caption {
margin: 0.25rem 5rem 0.75rem;
}
}
.blur-up {
filter: blur(5px);
}
.blur-up.lazyloaded {
2020-11-04 08:26:58 +01:00
filter: unset;
}
.img-simple {
margin-top: 0.375rem;
margin-bottom: 1.25rem;
2020-04-15 15:48:16 +02:00
}