From 91dfa5f0d8e8bfa907722b1eed2bb5a17f5bf518 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Thu, 11 Mar 2021 09:14:26 +0100
Subject: [PATCH] scss: force clear on <h3>, <h4> and <p> after any grid
 elements (#51896)

---
 gadjo/static/css/_grid.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/gadjo/static/css/_grid.scss b/gadjo/static/css/_grid.scss
index 5a933e9..679b31f 100644
--- a/gadjo/static/css/_grid.scss
+++ b/gadjo/static/css/_grid.scss
@@ -10,6 +10,12 @@ div.grid {
 	clear: none;
 }
 
+form div[class*=grid-] {
+	~ h3, ~ h4, ~ p, + div {
+		clear: both;
+	}
+}
+
 @each $i in 1, 2, 3, 4, 6, 12 {
 	@for $j from 1 through $i {
 		div.grid-#{$j}-#{$i} {
@@ -32,9 +38,6 @@ div.grid {
 			@media screen and (max-width: $very-small-limit) {
 				width: 100%;
 			}
-			& + h3, & + h4, & + p, & + div {
-				clear: both;
-			}
 			table, textarea, select, input[type=text], input[type=password], input[type=email] {
 				width: 100%;
 			}