From 6638cf7fe074f6ea6309933a7d9ce85a8f0d76ac Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Mon, 28 Nov 2022 17:26:00 +0100
Subject: [PATCH] block image
---
assets/sass/_theme/blocks/image.sass | 41 ++++++++++++++++++++--------
1 file changed, 30 insertions(+), 11 deletions(-)
diff --git a/assets/sass/_theme/blocks/image.sass b/assets/sass/_theme/blocks/image.sass
index 58096d7a..2d5499e9 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
--
GitLab