From a3754a30af390aeff0b44013dfd9f8abbf5d9ed3 Mon Sep 17 00:00:00 2001 From: Brenda Wallace Date: Sun, 20 Sep 2026 18:15:08 +1200 Subject: [PATCH] Keep the site's text size, line height, display sizes and unstyled links Bootstrap 5 differs from the old Material skin in a few defaults that change how every page looks: 1rem body text (the site uses 0.875rem), a 1.5 line height (1.428572), underlined links, and much larger display-* headings (the home page heading was 56px, not 34px). Set them back through Bootstrap's variables. Co-Authored-By: Claude Sonnet 5 --- app/assets/stylesheets/_variables.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/app/assets/stylesheets/_variables.scss b/app/assets/stylesheets/_variables.scss index fa81b08f6..fc02f3ce2 100644 --- a/app/assets/stylesheets/_variables.scss +++ b/app/assets/stylesheets/_variables.scss @@ -21,6 +21,19 @@ $body-color: $brown; $text-color: $brown; $link-color: $green; $font-family-sans-serif: $default-font; +$font-size-base: 0.875rem; // the site's text size; Bootstrap's default is 1rem +$link-decoration: none; +$link-hover-decoration: underline; +$line-height-base: 1.428572; +// The sizes the old Material skin gave the display-* classes the site uses (display-3, display-4). +$display-font-sizes: ( + 1: 7rem, + 2: 3.5rem, + 3: 2.8125rem, + 4: 2.125rem, + 5: 2rem, + 6: 1.75rem +); $primary: $green; $secondary: $blue;