From cbdff4a0dde2c0bc94fa0909078a28e158bf5e16 Mon Sep 17 00:00:00 2001
From: Thomas JUND <tjund@entrouvert.com>
Date: Fri, 12 Jun 2020 12:52:42 +0200
Subject: [PATCH] css: introduce $columns-gutter to manage gutter width
 (#44011)

---
 static/includes/_cells.scss  | 2 +-
 static/includes/_layout.scss | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/static/includes/_cells.scss b/static/includes/_cells.scss
index 82ddaebe..6134d3df 100644
--- a/static/includes/_cells.scss
+++ b/static/includes/_cells.scss
@@ -85,7 +85,7 @@ div#left div.a2-block, div#right div.a2-block,
 .gru-content div.cell,
 .block {
 	padding: 0;
-	margin: 0px 10px 10px 10px;
+	margin: 0px #{$columns-gutter / 2} 10px #{$columns-gutter / 2};
 
 	& h2 + div {
 		padding: 1rem;
diff --git a/static/includes/_layout.scss b/static/includes/_layout.scss
index 6b0a9f9e..38d02d97 100644
--- a/static/includes/_layout.scss
+++ b/static/includes/_layout.scss
@@ -1,6 +1,7 @@
 $width: 1000px !default;
 $mobile-limit: 800px !default;
 $very-small-limit: 480px !default;
+$columns-gutter: 20px !default;
 $footer-background: #666666 !default;
 $footer-full-width-background: true !default;
 $footer-color: white !default;
@@ -110,9 +111,9 @@ div#main-content {
 		div.cell {
 			@if $sidebar-position == left {
 				margin-left: 0;
-				margin-right: 20px;
+				margin-right: $columns-gutter;
 			} @else {
-				margin-left: 20px;
+				margin-left: $columns-gutter;
 				margin-right: 0px;
 			}
 		}