From 0a59f1ea2bf1c13cad6f154fff3994e35b30cc6b Mon Sep 17 00:00:00 2001
From: Mark Dumay <61946753+markdumay@users.noreply.github.com>
Date: Mon, 1 Jul 2024 16:16:41 +0200
Subject: [PATCH 1/2] Add initial support for masonry layout

---
 assets/scss/app-dart.scss        |  1 +
 assets/scss/app.scss             |  1 +
 assets/scss/common/_masonry.scss | 38 ++++++++++++++++++++++++++++++++
 3 files changed, 40 insertions(+)
 create mode 100644 assets/scss/common/_masonry.scss

diff --git a/assets/scss/app-dart.scss b/assets/scss/app-dart.scss
index 74f11efd..83c0dade 100644
--- a/assets/scss/app-dart.scss
+++ b/assets/scss/app-dart.scss
@@ -39,6 +39,7 @@
 @import "components/toc.scss";
 @import "components/video.scss";
 @import "common/animation.scss";
+@import "common/masonry.scss";
 @import "common/scrollbar.scss";
 @import "common/styles.scss";
 @import "layouts/reboot.scss";
diff --git a/assets/scss/app.scss b/assets/scss/app.scss
index 6fdc2b4b..2e8eb7c1 100644
--- a/assets/scss/app.scss
+++ b/assets/scss/app.scss
@@ -37,6 +37,7 @@
 @import "components/toc.scss";
 @import "components/video.scss";
 @import "common/animation.scss";
+@import "common/masonry.scss";
 @import "common/scrollbar.scss";
 @import "common/styles.scss";
 @import "layouts/reboot.scss";
diff --git a/assets/scss/common/_masonry.scss b/assets/scss/common/_masonry.scss
new file mode 100644
index 00000000..cfd84a62
--- /dev/null
+++ b/assets/scss/common/_masonry.scss
@@ -0,0 +1,38 @@
+.masonry {
+    --masonry-padding: 4px;
+}
+
+.m-row {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 0 var(--masonry-padding);
+}
+
+.m-col {
+    flex: 100%;
+    max-width: 100%;
+    padding: 0 var(--masonry-padding);
+}
+
+.m-col div {
+    margin-top: calc(2 * var(--masonry-padding));
+    border-radius: 5px;
+}
+
+$utilities: map-merge(
+    $utilities,
+    (
+        "m-col": (
+            property: max-width,
+            responsive: true,
+            class: m-col,
+            values: (
+                1: 100%,
+                2: 50%,
+                3: 33.3%,
+                4: 25%,
+                5: 20%,
+            )
+        )
+    )
+);

From c53d653751aa2f57667a56c10424577303c5c3c6 Mon Sep 17 00:00:00 2001
From: Mark Dumay <61946753+markdumay@users.noreply.github.com>
Date: Mon, 1 Jul 2024 17:54:10 +0200
Subject: [PATCH 2/2] Bump package release

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 4c5df51d..f4c4bc1b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@gethinode/hinode",
-  "version": "0.24.11",
+  "version": "0.24.12",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@gethinode/hinode",
-      "version": "0.24.11",
+      "version": "0.24.12",
       "license": "MIT",
       "dependencies": {
         "@fullhuman/postcss-purgecss": "^6.0.0",
diff --git a/package.json b/package.json
index 63aa4924..335180d7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gethinode/hinode",
-  "version": "0.24.11",
+  "version": "0.24.12",
   "description": "Hinode is a clean documentation and blog theme for Hugo, an open-source static site generator",
   "keywords": [
     "hugo",