css restrict gutter margins to .column instead .gru-content (#66458)

static/hautes-pyrenees-cd65/_custom.scss

@@ -217,6 +217,12 @@ div.wcs-tracking-code-input--title {
 }
 
 .header_three_columns--header {
+	.cell {
+		@media ($min-desktop-viewport) {
+			margin-left: #{$columns-gutter / 2};
+			margin-right: #{$columns-gutter / 2};
+		}
+	}
 	div[class^="grid-"].cell, > div[class*=" grid-"].cell {
 		padding-right: 0;
 		margin-right: 1rem;

static/includes/_cells.scss

@@ -39,23 +39,20 @@ $cell-close-foldable-icon: "\f106" !default;  // angle-up
 
 // Columns gutters
 @media screen and ($min-desktop-viewport) {
-	.column div.a2-block,
-	.gru-content div.cell,
+	.column .a2-block,
+	.column .cell,
 	.block {
 		margin-left: #{$columns-gutter / 2};
 		margin-right: #{$columns-gutter / 2};
 	}
-	.gru-content #columns > .cell,
 	.column:first-child .block,
-	.column:first-child div.a2-block,
-	.gru-content .column:first-child .cell { margin-left: 0; }
-	.gru-content #columns > .cell,
+	.column:first-child .a2-block,
+	.column:first-child .cell { margin-left: 0; }
 	.column:last-child .block,
-	.column:last-child div.a2-block,
-	.gru-content .column:last-child .cell { margin-right: 0; }
+	.column:last-child .a2-block,
+	.column:last-child .cell { margin-right: 0; }
 }
 
-
 .a2-block {
 	margin: 4em auto;
 	max-width: 45em;

static/meudon-2021/_custom.scss

@@ -266,6 +266,13 @@ div#main-content-wrapper {
 			padding-left: 0.7rem;
 			padding-right: 0.7rem;
 		}
+		.cell {
+			@media ($min-desktop-viewport) {
+				margin-left: #{$columns-gutter / 2};
+				margin-right: #{$columns-gutter / 2};
+			}
+		}
+
 	}
 	// 3 cols layout
 	@media ($min-desktop-viewport) {

static/venissieux/_custom.scss

@@ -122,6 +122,10 @@ div#section-une {
 	div.cell {
 		float: right;
 		width: 25%;
+		@media ($min-desktop-viewport) {
+			margin-left: #{$columns-gutter / 2};
+			margin-right: #{$columns-gutter / 2};
+		}
 		@media screen and ($max-mobile-viewport) {
 			float: none;
 			width: auto;