breadcrumbs: smaller font

ArthurFlag · ArthurFlag · commit 32c0d2c201da · 2025-07-07T09:46:37.000+02:00
diff --git a/assets/css/utilities.css b/assets/css/utilities.css
@@ -256,3 +256,7 @@
 @utility pagination-link {
   @apply flex items-center justify-center rounded-sm p-2;
 }
+
+@utility breadcrumbs {
+  font-size: 90%;
+}
diff --git a/layouts/partials/breadcrumbs.html b/layouts/partials/breadcrumbs.html
@@ -2,7 +2,7 @@
   id="breadcrumbs"
   {{- $breadcrumbTitles := slice }}
   data-pagefind-ignore
-  class="mb-4 flex min-w-0 items-center gap-2 text-gray-400 dark:text-gray-300"
+  class="breadcrumbs mb-4 flex min-w-0 items-center gap-2 text-gray-400 dark:text-gray-300"
 >
   {{ range .Ancestors.Reverse }}
     {{ $breadcrumbTitles = $breadcrumbTitles | append .LinkTitle }}

Original file line number	Diff line number	Diff line change
`@@ -256,3 +256,7 @@`
`256`	`256`	`@utility pagination-link {`
`257`	`257`	`@apply flex items-center justify-center rounded-sm p-2;`
`258`	`258`	`}`
	`259`	`+`
	`260`	`+@utility breadcrumbs {`
	`261`	`+ font-size: 90%;`
	`262`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`id="breadcrumbs"`
`3`	`3`	`{{- $breadcrumbTitles := slice }}`
`4`	`4`	`data-pagefind-ignore`
`5`		`- class="mb-4 flex min-w-0 items-center gap-2 text-gray-400 dark:text-gray-300"`
	`5`	`+ class="breadcrumbs mb-4 flex min-w-0 items-center gap-2 text-gray-400 dark:text-gray-300"`
`6`	`6`	`>`
`7`	`7`	`{{ range .Ancestors.Reverse }}`
`8`	`8`	`{{ $breadcrumbTitles = $breadcrumbTitles \| append .LinkTitle }}`