Added side callout CSS (#168)

* feat: Added side callout CSS

* fix: Add default option to callout to be inline

Author: lamATnginx

assets/css/v2/style.css

@@ -337,6 +337,7 @@ nav {
         --side-gutter-width
       );
     column-gap: var(--component-gap);
+    align-items: start;
   }
 }
 
@@ -788,6 +789,9 @@ h2 {
 
 /* tables */
 table {
+  position: relative;
+  z-index: -1;
+
   td {
     padding: var(--table-row-space-between) 0;
   }
@@ -882,6 +886,11 @@ blockquote p:last-child {
   margin: 0 auto;
 }
 
+blockquote.side-callout {
+  grid-column: 2 !important;
+  grid-row: span 2;
+}
+
 /* Tabs */
 
 .tabs-container {

layouts/shortcodes/call-out.html

@@ -1,5 +1,14 @@
+{{ $class := .Get 0 }}
+{{ $sideOption := "side-callout" }}
+{{ $inlineOption := "inline-callout" }}
+
+<!-- Add default option for callouts that are "inline" if one is not provided -->
+{{ if and (not (strings.Contains $class $inlineOption)) (not (strings.Contains $class $sideOption)) }}
+{{ $class = printf "%s %s" $class $inlineOption }}
+{{ end }}
+
 <!-- Blockquote element with a class that is the first parameter passed to the shortcode -->
-<blockquote class="{{ .Get 0 }}">
+<blockquote class="{{ $class }}">
    <div>
      <!-- Check if the third parameter (icon class) is provided -->
      {{ with .Get 2 }}