From 85ea55402e6efae552349790fed1924f8d77ac82 Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Thu, 28 Nov 2024 20:41:05 -0800
Subject: [PATCH] Add side-by-side shortcode

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>
---
 assets/scss/style.scss                 | 8 ++++++++
 layouts/shortcodes/sidebyside.html     | 3 +++
 layouts/shortcodes/sidebysideitem.html | 3 +++
 3 files changed, 14 insertions(+)
 create mode 100644 layouts/shortcodes/sidebyside.html
 create mode 100644 layouts/shortcodes/sidebysideitem.html

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index c1c019f..2a98879 100755
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -470,3 +470,11 @@ blockquote {
 .early-navigation-wrapper {
     margin-bottom: 3rem;
 }
+
+.side-by-side {
+    display: flex;
+}
+
+.side-by-side-item {
+  flex-basis: 0;
+}
diff --git a/layouts/shortcodes/sidebyside.html b/layouts/shortcodes/sidebyside.html
new file mode 100644
index 0000000..1ae8aca
--- /dev/null
+++ b/layouts/shortcodes/sidebyside.html
@@ -0,0 +1,3 @@
+<div class="side-by-side">
+    {{ .Inner }}
+</div>
diff --git a/layouts/shortcodes/sidebysideitem.html b/layouts/shortcodes/sidebysideitem.html
new file mode 100644
index 0000000..5cbe8b3
--- /dev/null
+++ b/layouts/shortcodes/sidebysideitem.html
@@ -0,0 +1,3 @@
+<div class="side-by-side-item" {{ with .Get "weight" }} style="flex-grow: {{ . }};" {{ end }}>
+    {{ .Inner }}
+</div>