@geekity/cms 0.12.0 → 0.14.0

package/themes/default/src/style.css

@@ -323,6 +323,20 @@
     @apply font-semibold text-accent;
   }
 
+  /* The breadcrumb: where the page sits, on one quiet line above it. The
+     crumbs are links like the kicker's; the last is the page itself. */
+  .breadcrumbs ol {
+    @apply mb-6 gap-x-2 font-sans text-sm text-muted;
+  }
+
+  .breadcrumbs a {
+    @apply target quiet-link text-muted;
+  }
+
+  .breadcrumbs-sep {
+    @apply me-2;
+  }
+
   /* Titles: what heads a listing, an archive, search and an error page. */
   .page-title {
     @apply mt-1 mb-8 text-4xl leading-[1.08] sm:text-[2.75rem];

package/themes/default/static/style.css

@@ -687,6 +687,59 @@
     color: var(--color-primary);
   }
 
+  .breadcrumbs ol {
+    margin-bottom: calc(var(--spacing) * 6);
+    column-gap: calc(var(--spacing) * 2);
+    font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+    color: var(--color-muted);
+  }
+
+  .breadcrumbs a {
+    align-items: center;
+    min-block-size: 24px;
+    min-inline-size: 24px;
+    text-decoration-line: underline;
+    text-decoration-color: currentColor;
+    display: inline-flex;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .breadcrumbs a {
+      -webkit-text-decoration-color: color-mix(in oklab, currentcolor 50%, transparent);
+      -webkit-text-decoration-color: color-mix(in oklab, currentcolor 50%, transparent);
+      text-decoration-color: color-mix(in oklab, currentcolor 50%, transparent);
+    }
+  }
+
+  .breadcrumbs a {
+    text-underline-offset: 4px;
+    text-decoration-thickness: 1px;
+  }
+
+  @media (hover: hover) {
+    .breadcrumbs a:hover {
+      color: var(--color-primary);
+      -webkit-text-decoration-color: var(--color-primary);
+      -webkit-text-decoration-color: var(--color-primary);
+      text-decoration-color: var(--color-primary);
+      text-decoration-thickness: 2px;
+    }
+  }
+
+  .breadcrumbs a:focus-visible {
+    text-decoration-thickness: 2px;
+  }
+
+  .breadcrumbs a {
+    color: var(--color-muted);
+  }
+
+  .breadcrumbs-sep {
+    margin-inline-end: calc(var(--spacing) * 2);
+  }
+
   .page-title {
     margin-top: var(--spacing);
     margin-bottom: calc(var(--spacing) * 8);
@@ -2030,6 +2083,10 @@
     visibility: visible;
   }
 
+  .absolute {
+    position: absolute;
+  }
+
   .fixed {
     position: fixed;
   }

package/themes/default/theme.json

@@ -2,6 +2,8 @@
   "name": "Default",
   "kind": "site",
   "description": "The theme that ships with Geekity: Nunjucks and one stylesheet compiled from Tailwind, in the Paper design, and the layer every other theme is laid over.",
+  "colorScheme": "light dark",
+  "themeColor": { "light": "#faf7f2", "dark": "#171412" },
   "areas": [
     { "name": "primary", "label": "Site menu" },
     { "name": "footer", "label": "Footer links" }