From d76f132d2e6b10800d2387a93a2c895c6c33dd62 Mon Sep 17 00:00:00 2001
From: Arnaud Levy <contact@arnaudlevy.com>
Date: Thu, 15 Feb 2024 11:47:31 +0100
Subject: [PATCH] Fix gallery
---
assets/sass/_theme/_configuration.sass | 15 +++++++--------
assets/sass/_theme/blocks/gallery.sass | 8 +++-----
2 files changed, 10 insertions(+), 13 deletions(-)
diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 4ec19813..8f94e1b9 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -18,13 +18,13 @@ $grid-max-width: pxToRem(1980) !default
// Spacing
$space-unit: 4 !default
-$spacing-1: space(2) !default // 8px
-$spacing-2: space(3) !default // 12px
-$spacing-3: space(6) !default // 24px
-$spacing-4: space(12) !default // 48px
-$spacing-5: space(16) !default // 64px
-$spacing-6: space(32) !default // 128px
-$spacing-7: space(64) !default // 256px
+$spacing-1: space(2) !default // 8px
+$spacing-2: space(3) !default // 12px
+$spacing-3: space(6) !default // 24px
+$spacing-4: space(12) !default // 48px
+$spacing-5: space(16) !default // 64px
+$spacing-6: space(32) !default // 128px
+$spacing-7: space(64) !default // 256px
// Deprecated variables
// $spacing0: space(3) !default
@@ -34,7 +34,6 @@ $spacing-7: space(64) !default // 256px
// $spacing4: space(32) !default
// $spacing5: space(64) !default
-
// TYPOGRAPHY
// Fonts family
diff --git a/assets/sass/_theme/blocks/gallery.sass b/assets/sass/_theme/blocks/gallery.sass
index fcfe8f48..713f81cc 100644
--- a/assets/sass/_theme/blocks/gallery.sass
+++ b/assets/sass/_theme/blocks/gallery.sass
@@ -63,7 +63,7 @@
opacity: 0.1
&__track
overflow: visible
- margin-right: half(var(--grid-gutter-negative))
+ margin-right: var(--grid-gutter-negative)
@include in-page-with-sidebar
.splide__slide
transition: opacity .3s ease
@@ -72,14 +72,12 @@
opacity: 0.6
&.is-active
opacity: 1
- @include media-breakpoint-up(desktop)
- margin-right: half(var(--grid-gutter-negative))
&__slide
flex-shrink: initial
&:last-child
padding-right: 20%
figure
- margin-right: half(var(--grid-gutter))
+ margin-right: $spacing-3
@include media-breakpoint-down(desktop)
display: flex
flex-direction: column
@@ -123,7 +121,7 @@
.splide
figure
margin-left: var(--grid-gutter)
- margin-right: half(var(--grid-gutter-negative))
+ margin-right: -$spacing-3
&__slide
&:first-child
margin-left: var(--grid-gutter)
--
GitLab