From 62b4111e580f4f6819ee408eb7b953ca640d77ad Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Mon, 10 Oct 2022 11:09:02 +0200
Subject: [PATCH] Layout mobile: use grid-gutter-sm for grid-gap down md
breakpoint
---
assets/sass/_theme/_utils.sass | 12 +++++++-----
1 file changed, 7 insertions(+), 5 deletions(-)
diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass
index a27318c4..4a9f0f95 100644
--- a/assets/sass/_theme/_utils.sass
+++ b/assets/sass/_theme/_utils.sass
@@ -68,23 +68,25 @@
margin-left: auto
margin-right: auto
max-width: $grid-max-width
- padding-left: $grid-gutter-sm
- padding-right: $grid-gutter-sm
+ padding-left: $grid-gutter-sm / 2
+ padding-right: $grid-gutter-sm / 2
width: 100%
@include media-breakpoint-up(md)
padding-left: $grid-gutter
padding-right: $grid-gutter
-@mixin grid($cols: 12, $breakpoint: false, $gap-y: $grid-gutter)
+@mixin grid($cols: 12, $breakpoint: false, $gap-y: $grid-gutter, $gap-x: $grid-gutter)
@if $breakpoint
@include media-breakpoint-up($breakpoint)
display: grid
- grid-gap: $gap-y $grid-gutter
+ grid-gap: $gap-y $gap-x
grid-template-columns: repeat($cols, 1fr)
@else
display: grid
- grid-gap: $gap-y $grid-gutter
+ grid-gap: $gap-y $gap-x
grid-template-columns: repeat($cols, 1fr)
+ @include media-breakpoint-down(md)
+ grid-gap: $grid-gutter-sm
@function col($nb, $base: 12)
$nb: $nb/$base * 12
--
GitLab