Add side-by-side shortcode

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>

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;
+}

layouts/shortcodes/sidebyside.html

@@ -0,0 +1,3 @@
+<div class="side-by-side">
+    {{ .Inner }}
+</div>

layouts/shortcodes/sidebysideitem.html

@@ -0,0 +1,3 @@
+<div class="side-by-side-item" {{ with .Get "weight" }} style="flex-grow: {{ . }};" {{ end }}>
+    {{ .Inner }}
+</div>