diff --git a/assets/sass/_theme/blocks/image.sass b/assets/sass/_theme/blocks/image.sass index 58096d7a872b2e1424866eaf45836fb239bfb2df..2d5499e9a362777d7f8d697e8df39c1da78c100f 100644 --- a/assets/sass/_theme/blocks/image.sass +++ b/assets/sass/_theme/blocks/image.sass @@ -13,24 +13,43 @@ .credit p @extend .meta + picture + display: block + margin-left: calc(-#{$grid-gutter-sm} / 2) + margin-right: calc(-#{$grid-gutter-sm} / 2) - @include media-breakpoint-down(md) - .container - padding-left: 0 - padding-right: 0 - figcaption - padding: 0 calc(#{$grid-gutter-sm} / 2) @include in-page-with-sidebar @include media-breakpoint-up(md) + picture + margin-left: 0 + margin-right: -$grid-gutter img max-height: calc(100vh - var(--header-height)) width: auto @include in-page-without-sidebar @include media-breakpoint-up(md) - figcaption - align-items: baseline + .block-content + position: relative + .top + position: absolute + width: col(5) + figure display: flex - justify-content: space-between - > * - max-width: 40% + align-items: flex-end + > a + width: col(7) + margin-left: calc(#{$grid-gutter} / 2) + display: block + order: 2 + picture + margin-left: 0 + margin-right: -$grid-gutter + figcaption + width: calc(#{col(5)} + #{$grid-gutter} / 2) + order: 1 + display: block + text-align: right + img + max-height: calc(100vh - var(--header-height)) + width: auto \ No newline at end of file