Merge branch 'release/v5.5.0'

CHANGELOG.md

@@ -2,6 +2,11 @@
 
 All notable changes to this project will be documented in this file.
 
+## 5.5.0 - 10-may-2022
+
+- Removed `o-layout` block axis gaps with native row-gap property
+- General housekeeping, package update
+
 ## 5.4.0 - 11-february-2022
 
 - Fixed a bug where `responsive.lock` didn't work on any root element.

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