add breadcrumb position option

assets/sass/_theme/design-system/hero.sass

@@ -19,6 +19,7 @@
         padding-top: $spacing3
         > h1, > hgroup
             margin-top: $spacing3
+            
         h1 + p
             margin-top: $spacing1
         figure
@@ -30,18 +31,10 @@
                 height: auto
             @include collapsed-figcaption
 
-    nav + .content
+    .breadcrumb-nav + .content
         padding-top: 0
-    // TODO : handle hero with image
-    @if $breadcrumb-below-h1
-        .container:first-child
-            display: flex
-            flex-direction: column
-            nav + .content
-                margin-top: 0
-            .breadcrumb-nav
-                order: 3
-                margin-top: $spacing3
+    .content + .breadcrumb-nav
+        margin-top: $spacing3
 
     @include media-breakpoint-down(desktop)
         .breadcrumb-nav

config.yaml

@@ -4,6 +4,8 @@ params:
     enable: false
     blank: true
     page: https://gdpr.eu/cookies/
+  breadcrumb:
+    position: hero-start #  hero-start |  hero-end | after-hero
   posts:
     list:
       show_categories: false

layouts/partials/header/hero.html

@@ -5,8 +5,10 @@
 
 <header class="hero {{ if .image -}}hero--with-image hero--image-{{- $direction -}}{{- end -}}">
   <div class="container">
-    {{- if .breadcrumb | default true -}}
-      {{ partial "header/breadcrumbs.html" .context }}
+    {{- if eq site.Params.breadcrumb.position "hero-start" -}}
+      {{- if .breadcrumb | default true -}}
+        {{ partial "header/breadcrumbs.html" .context }}
+      {{- end -}}
     {{- end -}}
     <div class="content">
       {{- if .subtitle -}}
@@ -41,5 +43,18 @@
         </figure>
       {{ end -}}
     </div>
+    {{- if eq site.Params.breadcrumb.position "hero-end" -}}
+      {{- if .breadcrumb | default true -}}
+        {{ partial "header/breadcrumbs.html" .context }}
+      {{- end -}}
+    {{- end -}}
   </div>
 </header>
+
+{{- if eq site.Params.breadcrumb.position "after-hero" -}}
+  {{- if .breadcrumb | default true -}}
+    <div class="container">
+      {{ partial "header/breadcrumbs.html" .context }}
+    </div>
+  {{- end -}}
+{{- end -}}
\ No newline at end of file