Add breadcrumbs

app/assets/stylesheets/new_design/breadcrumb.scss

@@ -0,0 +1,28 @@
+@import "colors";
+@import "constants";
+
+.breadcrumbs {
+  margin: $default-spacer 0;
+
+  li {
+    display: inline-block;
+    font-weight: bold;
+    font-size: 14px;
+
+    a {
+      color: $black;
+    }
+
+    &::after {
+      content: " > ";
+    }
+
+    &:last-child {
+      color: $blue;
+
+      &::after {
+        content: none;
+      }
+    }
+  }
+}

app/views/new_gestionnaire/dossiers/_header.html.haml

@@ -1,5 +1,10 @@
 .backoffice-header
   .container
+    %ul.breadcrumbs
+      %li
+        = link_to dossier.procedure.libelle, procedure_path(dossier.procedure)
+      %li
+        = "Dossier n° #{dossier.id}"
     %ul.tabs
       %li
         = link_to "Demande", "#", class: ("selected" if current_page?(dossier_path(dossier.procedure, dossier)))

app/views/root/patron.html.haml

@@ -97,6 +97,15 @@
           = link_to "Onglet 3", "#"
 
   .container
+    %h2 Breadcrumbs
+
+    %ul.breadcrumbs
+      %li
+        = link_to "Procédure 123", "#"
+      %li
+        = "Dossier n° 38"
+
+
     %h2 Layout deux colonnes
 
   .two-columns