From 5ce30d888c4f927df2581a5605ca61f1cf68712c Mon Sep 17 00:00:00 2001
From: Steel Wagstaff <steel@pressbooks.com>
Date: Mon, 16 Dec 2024 06:45:43 -0800
Subject: [PATCH] fix: increase logo size (#87)

---
 .github/workflows/ci.yml           |  2 +-
 assets/styles/layouts/_header.scss | 19 +++++++++----------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 73efef3..861204b 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node: [ '14', '16' ]
+        node: [ '18', '22' ]
     steps:
       - uses: actions/checkout@v3
       - name: Setup node
diff --git a/assets/styles/layouts/_header.scss b/assets/styles/layouts/_header.scss
index 8cc9a1d..461e5a5 100644
--- a/assets/styles/layouts/_header.scss
+++ b/assets/styles/layouts/_header.scss
@@ -4,36 +4,35 @@
   font-family: $font-family-sans-serif;
 }
 
+.header__container {
+  background: var(--header-bg);
+}
+
 .header__inside {
   align-items: center;
   display: flex;
   justify-content: space-between;
   max-width: $nav-max-width;
   margin: 0 auto;
-  padding: 3.5rem 1rem 1.5rem;
-
-  @media #{$breakpoint-large} {
-    padding: 3rem 1rem;
-  }
+  padding: 1.5rem 1rem;
 }
 
 .header__logo--img,
 .header__logo--svg {
   display: inline-block;
   width: auto;
-  max-width: 100px;
+  max-width: 200px;
   height: auto;
-  max-height: 1.5rem;
+  max-height: 70px;
   margin-bottom: -1px;
   margin-right: 2px;
 
   @media #{$breakpoint-medium} {
-    max-width: 150px;
+    max-width: 240px;
   }
 
   @media #{$breakpoint-large} {
-    max-width: 200px;
-    max-height: 30px;
+    max-width: 280px;
   }
 }