summaryrefslogtreecommitdiff
path: root/layouts/partials/components/breadcrumbs.html
blob: 2c18532e1bf63fe14c23f40cd72395448180f554 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        {{ $currentPage := . }} {{ with $currentPage.Ancestors }} {{ range
        .Reverse }}
        <li class="breadcrumb-item">
            <a href="{{ .RelPermalink }}">{{ .Title }}</a>
        </li>
        {{ end }} {{ end }} {{ if or (ne $currentPage.Type "posts") (eq
        $currentPage.Kind "section") }}
        <li class="breadcrumb-item active" aria-current="page">
            {{ $currentPage.Title }}
        </li>
        {{ end }}
    </ol>
</nav>

<style>
    ol.breadcrumb {
        list-style-type: none;
        display: flex;
        padding-inline-start: 0;
        font-family: var(--mono-font-family);

        li {
            &:not(:last-child)::after {
                content: "/";
                color: var(--secondary-text-color);
                margin: 0 0.5rem;
            }
        }
    }
</style>