feat: add the sidebar.position parameter (#545)

When end, place the sidebar on the right.

assets/hb/modules/blog/scss/_sidebar.scss

@@ -3,12 +3,22 @@
         @include media-breakpoint-up(lg) {
             display: grid;
             grid-gap: 1rem;
-            grid-template-areas: "sidebar main";
-            grid-template-columns: 2fr minmax(0, 5fr);
+
+            @if $hb-blog-sidebar-position == end {
+                grid-template-areas: "main sidebar";
+                grid-template-columns: minmax(0, 5fr) 2fr;
+            } @else {
+                grid-template-areas: "sidebar main";
+                grid-template-columns: 2fr minmax(0, 5fr);
+            }
         }
 
         @include media-breakpoint-up(xl) {
-            grid-template-columns: 2fr minmax(0, 7fr);
+            @if $hb-blog-sidebar-position == end {
+                grid-template-columns: minmax(0, 7fr) 2fr;
+            } @else {
+                grid-template-columns: 2fr minmax(0, 7fr);
+            }
         }
     }
 

assets/hb/modules/blog/scss/variables.tmpl.scss

@@ -1,3 +1,4 @@
 {{- $hasSidebar := partialCached "hb/modules/blog/functions/has-sidebar" . }}
 $hb-blog-sidebar: {{ $hasSidebar }};
+$hb-blog-sidebar-position: {{ default "start" site.Params.hb.blog.sidebar.position }};
 $hb-blog-home-pinned-posts-pos: '{{ default "" site.Params.hb.blog.home.pinned_posts_position }}';

hugo.toml

@@ -39,3 +39,6 @@ paginate = 30
 [params.hb.blog.home]
 pinned_posts_position = ""
 # taxonomies_style = 'toggle'
+
+[params.hb.blog.sidebar]
+position = "start"