From 7ed20debb7b2de35d8d2a43e5438c37c29c99820 Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Mon, 30 Jan 2023 10:50:28 +0100
Subject: [PATCH] block image: handle large screen
---
assets/sass/_theme/blocks/image.sass | 10 +++++++---
1 file changed, 7 insertions(+), 3 deletions(-)
diff --git a/assets/sass/_theme/blocks/image.sass b/assets/sass/_theme/blocks/image.sass
index 4e186ab5..74c3817e 100644
--- a/assets/sass/_theme/blocks/image.sass
+++ b/assets/sass/_theme/blocks/image.sass
@@ -33,7 +33,7 @@
// max-height: calc(100vh - var(--header-height))
width: auto
max-width: 100%
- &.image-portrait
+ &.image-portrait, &.image-square
.block-content
position: relative
.top
@@ -56,9 +56,13 @@
display: block
text-align: right
&.image-landscape
+
picture
- margin-left: 0
- margin-right: 0
+ margin-left: -$grid-gutter
+ margin-right: -$grid-gutter
+ @media screen and (min-width: 1400px)
+ margin-left: 0
+ margin-right: 0
figcaption
display: flex
justify-content: space-between
--
GitLab