Add side-by-side shortcode

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>
2024-11-28 20:41:05 -08:00
3 changed files with 14 additions and 0 deletions
--- 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;
+}
--- a/layouts/shortcodes/sidebyside.html
+++ b/layouts/shortcodes/sidebyside.html
@@ -0,0 +1,3 @@
+<div class="side-by-side">
+    {{ .Inner }}
+</div>
--- a/layouts/shortcodes/sidebysideitem.html
+++ b/layouts/shortcodes/sidebysideitem.html
@@ -0,0 +1,3 @@
+<div class="side-by-side-item" {{ with .Get "weight" }} style="flex-grow: {{ . }};" {{ end }}>
+    {{ .Inner }}
+</div>