From da04f8adb927ffde0217daf2ed907a70f0134ea2 Mon Sep 17 00:00:00 2001 From: Brenda Wallace Date: Mon, 21 Sep 2026 08:34:15 +1200 Subject: [PATCH] Line the breadcrumb up with the page content The breadcrumb bar is the same colour as the page, but its side padding pushed the text 1rem in from the edge the heading and content sit on. Co-Authored-By: Claude Sonnet 5 --- app/assets/stylesheets/_variables.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/_variables.scss b/app/assets/stylesheets/_variables.scss index 6b9a353e1..1e11c1198 100644 --- a/app/assets/stylesheets/_variables.scss +++ b/app/assets/stylesheets/_variables.scss @@ -47,9 +47,11 @@ $card-border-radius: 2px; $card-inner-border-radius: 2px; $card-box-shadow: $material-shadow-raised; -// Breadcrumbs as the old skin drew them: padded, with a > divider. +// Breadcrumbs as the old skin drew them, with a > divider. No side padding: the +// bar is the same colour as the page, so it only pushed "Home" in from the +// edge that the heading and content line up with. $breadcrumb-padding-y: 0.75rem; -$breadcrumb-padding-x: 1rem; +$breadcrumb-padding-x: 0; $breadcrumb-divider: quote(">"); // The sizes the old Material skin gave the display-* classes the site uses (display-3, display-4). $display-font-sizes: (