From b2e1e1a2330b55fcb829e79d60f7485e3275f0ff Mon Sep 17 00:00:00 2001
From: Bram Smulders <source@bram.is>
Date: Mon, 4 Apr 2022 20:19:23 +0200
Subject: [PATCH] remove o-layout block axis gaps with native row-gap property.
 This fixes a LOT of issues

---
 objects/layout/_index.scss | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/objects/layout/_index.scss b/objects/layout/_index.scss
index 10a7013..dbdb525 100644
--- a/objects/layout/_index.scss
+++ b/objects/layout/_index.scss
@@ -46,7 +46,7 @@ $selector: '> *';
   flex-flow: row wrap;
   align-items: flex-start;
   padding: 0; /* [1] */
-  margin-block-start: calc(-1 * var(--layout-block-gap));
+  row-gap: var(--layout-block-gap);
   margin-inline-start: calc(-1 * var(--layout-inline-gap)); /* [1,2] */
   list-style: none; /* [1] */
 
@@ -68,12 +68,10 @@ $selector: '> *';
     --colspan: var(--columns);
     --offset: 0;
     --layout-igi: var(--layout-inline-gap); /* [4] */
-    --layout-bgi: var(--layout-block-gap); /* [4] */
     flex-basis: calc(
       (100% / var(--columns) * var(--colspan)) - var(--layout-igi)
     ); /* [1] */
     min-inline-size: 0; /* [2] */
-    margin-block-start: var(--layout-bgi);
     margin-inline-start: calc(
       100% / var(--columns) * var(--offset) + var(--layout-igi)
     ); /* [3] */
@@ -134,8 +132,6 @@ $selector: '> *';
  */
 .o-layout__cell {
   --layout-igi: 0px; // stylelint-disable-line
-  --layout-bgi: 0px; // stylelint-disable-line
-  padding-block-start: var(--layout-block-gap);
   padding-inline-start: var(--layout-inline-gap);
 
   // Old way to stretch inner items