Add fallback background color to main header

This commit is contained in:
2025-08-24 21:32:20 -04:00
parent 02864bed9e
commit 97116aad4b

View File

@@ -29,7 +29,7 @@ https://creativecommons.org/publicdomain/
--background-primary: #fffff7/*#fafafa#fbfbee #dfdfdf */; --background-primary: #fffff7/*#fafafa#fbfbee #dfdfdf */;
--text-primary: #4d4d4d; /* HPR Grey */ --text-primary: #4d4d4d; /* HPR Grey */
--banner-text-primary: #000000; --banner-text-primary: #000000;
--background-secondary: #4d4d4d; --banner-background-color: #40a5b9;
--text-secondary: #dfdfdf; --text-secondary: #dfdfdf;
--link-primary: #004852 /*#154a60*/; --link-primary: #004852 /*#154a60*/;
--link-primary-hover: #b54c08/*#f8961e*/; --link-primary-hover: #b54c08/*#f8961e*/;
@@ -120,6 +120,7 @@ body > header {
flex-flow: wrap; flex-flow: wrap;
justify-content: space-between; justify-content: space-between;
padding: clamp(0.5rem, -0.25rem + 3vw, 1rem) 0.25rem; padding: clamp(0.5rem, -0.25rem + 3vw, 1rem) 0.25rem;
background-color: var(--banner-background-color);
background-image: url("/images/hpr-splatter-logo.svg"), url("/images/main-header-background.png"); background-image: url("/images/hpr-splatter-logo.svg"), url("/images/main-header-background.png");
background-size: 59%, cover; background-size: 59%, cover;
background-repeat: no-repeat, no-repeat; background-repeat: no-repeat, no-repeat;