Add gap between fr. page split section in mobile

PeeterPaal · PeeterPaal · commit a34320690382 · 2023-12-12T15:04:26.000+02:00
diff --git a/sources/stylesheets/layouts/_front-page.scss b/sources/stylesheets/layouts/_front-page.scss
@@ -114,8 +114,17 @@
       }
     }
 
+    .column .split-section {
+      display: flex;
+      flex-direction: column;
+    }
+
     .change-layout-options {
       top: -64px;
     }
+
+    .split-section {
+      gap: 32px;
+    }
   }
 }
diff --git a/stylesheets/main.css b/stylesheets/main.css
@@ -1336,9 +1336,16 @@ h4 {
   .front-page .split_even .split-section {
     grid-template-columns: 1fr;
   }
+  .front-page .column .split-section {
+    display: flex;
+    flex-direction: column;
+  }
   .front-page .change-layout-options {
     top: -64px;
   }
+  .front-page .split-section {
+    gap: 32px;
+  }
 }
 .product-list-page {
   position: relative;
diff --git a/stylesheets/main.min.css b/stylesheets/main.min.css

Original file line number	Diff line number	Diff line change
`@@ -1336,9 +1336,16 @@ h4 {`
`1336`	`1336`	`.front-page .split_even .split-section {`
`1337`	`1337`	`grid-template-columns: 1fr;`
`1338`	`1338`	`}`
	`1339`	`+ .front-page .column .split-section {`
	`1340`	`+ display: flex;`
	`1341`	`+ flex-direction: column;`
	`1342`	`+ }`
`1339`	`1343`	`.front-page .change-layout-options {`
`1340`	`1344`	`top: -64px;`
`1341`	`1345`	`}`
	`1346`	`+ .front-page .split-section {`
	`1347`	`+ gap: 32px;`
	`1348`	`+ }`
`1342`	`1349`	`}`
`1343`	`1350`	`.product-list-page {`
`1344`	`1351`	`position: relative;`