|
|
@@ -1,4 +1,4 @@
|
|
|
-/* SRH static shell CSS — exported 2026-06-11 11:59 EDT
|
|
|
+/* SRH static shell CSS — exported 2026-06-11 12:10 EDT
|
|
|
Source: rendered <head> inline-CSS blocks + curated subset of
|
|
|
wp-content/themes/srh/style.css. Re-export via
|
|
|
_claude/_static-export/export.py. Asset URLs rewritten to
|
|
|
@@ -710,6 +710,94 @@ nav.wp-block-navigation a.wp-block-navigation-item__content {
|
|
|
}
|
|
|
|
|
|
|
|
|
+/* === themes/srh/blocks/breadcrumbs/style.css === */
|
|
|
+/* SRH Breadcrumbs — frontend
|
|
|
+ ──────────────────────────
|
|
|
+ Inserted into parts/header.html inside .srh-auto-hide-header so the
|
|
|
+ row scrolls + hides with the fixed header. The block bails on the
|
|
|
+ front page (returning empty), so the outer .srh-breadcrumbs-row
|
|
|
+ wrapper goes empty too — `:has()` hides the empty row entirely. */
|
|
|
+
|
|
|
+/* Override the inherited `:where(.is-layout-flow) > * { margin-block-start: 24px }`
|
|
|
+ so the row sits flush against the nav bar above; let our own padding
|
|
|
+ own the vertical rhythm. */
|
|
|
+.srh-breadcrumbs-row {
|
|
|
+ margin-block-start: 0 !important;
|
|
|
+ padding-block: 0.5rem 0.5rem;
|
|
|
+}
|
|
|
+
|
|
|
+/* Hide the row entirely when the inner block bailed (home page,
|
|
|
+ pages with no chain) so no empty padded band shows up. `:has()` is
|
|
|
+ widely supported (Chrome 105+, Safari 15.4+, Firefox 121+). */
|
|
|
+.srh-breadcrumbs-row:not(:has(nav.srh-breadcrumbs-wrap)) {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.srh-breadcrumbs-wrap {
|
|
|
+ /* Padding now lives on the row; keep wrap padding zero. */
|
|
|
+ padding-block: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.srh-breadcrumbs {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: center;
|
|
|
+ gap: 0.25rem 0.5rem;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ list-style: none;
|
|
|
+ font-size: var(--wp--preset--font-size--small, 0.875rem);
|
|
|
+ font-family: var(--wp--preset--font-family--helvetica-neue, inherit);
|
|
|
+ color: var(--wp--preset--color--accent-3, #1d3863);
|
|
|
+ line-height: 1.4;
|
|
|
+}
|
|
|
+
|
|
|
+.srh-breadcrumbs__item {
|
|
|
+ display: inline-flex;
|
|
|
+ align-items: center;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* Chevron separator before every item except the first. Uses ::before
|
|
|
+ on the list-item (not a real character in the markup) so screen
|
|
|
+ readers don't announce "›" between each crumb. */
|
|
|
+.srh-breadcrumbs__item + .srh-breadcrumbs__item::before {
|
|
|
+ content: "›";
|
|
|
+ margin-right: 0.5rem;
|
|
|
+ opacity: 0.5;
|
|
|
+ color: var(--wp--preset--color--accent-3, #1d3863);
|
|
|
+ speak: none;
|
|
|
+}
|
|
|
+
|
|
|
+.srh-breadcrumbs__item a {
|
|
|
+ color: inherit;
|
|
|
+ text-decoration: none;
|
|
|
+ transition: color 0.15s ease;
|
|
|
+}
|
|
|
+
|
|
|
+.srh-breadcrumbs__item a:hover,
|
|
|
+.srh-breadcrumbs__item a:focus {
|
|
|
+ color: var(--wp--preset--color--accent-2, #19458c);
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+
|
|
|
+.srh-breadcrumbs__item.is-current {
|
|
|
+ font-weight: 600;
|
|
|
+ color: var(--wp--preset--color--accent-2, #19458c);
|
|
|
+}
|
|
|
+
|
|
|
+@media (max-width: 480px) {
|
|
|
+ .srh-breadcrumbs {
|
|
|
+ font-size: var(--wp--preset--font-size--x-small, 0.8125rem);
|
|
|
+ gap: 0.2rem 0.4rem;
|
|
|
+ }
|
|
|
+ .srh-breadcrumbs__item + .srh-breadcrumbs__item::before {
|
|
|
+ margin-right: 0.4rem;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
/* === subdomain-shell overrides === */
|
|
|
/* Theme paints <body> with accent-4 (dark navy) and `.wp-site-blocks`
|
|
|
with #f1f1f1 (off-base), and renders the fixed header at 95% white
|
