Add template and styles for breadcrumbs

2026-05-20 22:56:56 +02:00 · 2026-05-20 22:56:56 +02:00 · e166704dee
commit e166704dee
parent ae93a3116b
2 changed files with 44 additions and 0 deletions
--- a/custom/styles/base.css
+++ b/custom/styles/base.css
@ -119,6 +119,38 @@ main {
    }
  }
  .button { margin-top: 1.3rem; justify-self: start }
+  
+  /* BREADCRUMB */
+  .breadcrumb {
+    display: grid;
+    grid-template-columns: minmax(.8rem, 1fr) minmax(0, 42rem) minmax(.8rem, 1fr);
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    font-size: 0.85em;
+    ol {
+      grid-column: 2;
+      display: flex;
+      flex-wrap: wrap;
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      li {
+        display: inline-flex;
+        align-items: center;
+        &:not(:last-child)::after {
+          content: '›';
+          margin: 0 0.6rem;
+          color: var(--color-grey);
+          font-size: 1.2em;
+        }
+        a {
+          color: var(--color-green);
+          text-decoration: none;
+          &:hover { color: var(--color-blue) }
+        }
+      }
+    }
+  }
 }

 table {