From d50388d291dfa69f863a8c4c27658724f81114a1 Mon Sep 17 00:00:00 2001
From: Tixie <tixie@guerilla.studio>
Date: Thu, 2 Mar 2023 10:48:08 +0100
Subject: [PATCH] fix margins on legal pages

---
 src/css/3-base/_08-content.scss | 1 +
 src/css/_helpers.scss           | 1 +
 src/mentions-legales.html       | 2 +-
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/css/3-base/_08-content.scss b/src/css/3-base/_08-content.scss
index ff1de2c..0a61f1e 100755
--- a/src/css/3-base/_08-content.scss
+++ b/src/css/3-base/_08-content.scss
@@ -4,6 +4,7 @@
 
 .content {
   padding: 5rem;
+  padding: clamp(2rem, 3.5vw, 5rem);
   background-color: $color-bg-1;
 }
 
diff --git a/src/css/_helpers.scss b/src/css/_helpers.scss
index 8a93a48..4e308ae 100644
--- a/src/css/_helpers.scss
+++ b/src/css/_helpers.scss
@@ -126,6 +126,7 @@ $spacers: (
   ),
   "sm": (
     (ma, margin, (0, 1)),
+    (mb, margin, (4)),
     (ml, margin-left, (0)),
     (pa, padding, (0, 1)),
   )
diff --git a/src/mentions-legales.html b/src/mentions-legales.html
index 8653d0e..6544288 100644
--- a/src/mentions-legales.html
+++ b/src/mentions-legales.html
@@ -4,7 +4,7 @@ title: Mentions légales
 ---
 
 <div class="container content">
-	<h1 class="title-1 text-center mb7">Mentions légales</h1>
+	<h1 class="title-1 text-center mb7 sm:mb4">Mentions légales</h1>
 	<p>Compteur de Grève est un projet portée par trois militantes, Caroline, Tixie et Salomé.</p>
 	<h2 class="title-2" id="conception-et-h-bergement">Conception et hébergement</h2>
 	<p>Le site a été conçu par <a href="https://guerilla.studio/">Guérilla.Studio</a>.</p>