From d87c872e8d5c3719d13a48faa819d15ce918f5ae Mon Sep 17 00:00:00 2001
From: Miriam Suzanne <miriam@oddbird.net>
Date: Tue, 10 Sep 2024 14:01:36 -0600
Subject: [PATCH] Address Sass deprecation warnings, #438

---
 scss/layout/_banner.scss | 3 ++-
 scss/layout/_nav.scss    | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/scss/layout/_banner.scss b/scss/layout/_banner.scss
index 9789a524..71313fbe 100644
--- a/scss/layout/_banner.scss
+++ b/scss/layout/_banner.scss
@@ -21,12 +21,13 @@
 ///     </div>
 ///   </header>
 [data-region='banner'] {
-  @include config.banner-arrow;
   @include tools.z-index('banner');
 
   align-items: center;
   display: flex;
   padding: tools.size('shim');
+
+  @include config.banner-arrow;
 }
 
 // Project Title
diff --git a/scss/layout/_nav.scss b/scss/layout/_nav.scss
index dead28a2..1219da5d 100644
--- a/scss/layout/_nav.scss
+++ b/scss/layout/_nav.scss
@@ -25,7 +25,6 @@
 ///     </main>
 ///   </div>
 [data-region='nav'] {
-  @include config.invert-colors;
   @include tools.z-index('sidebar');
 
   align-items: stretch;
@@ -35,6 +34,8 @@
   white-space: nowrap;
   width: auto;
 
+  @include config.invert-colors;
+
   @include tools.below('nav-break') {
     box-shadow: 0 0 tools.size('half-shim') tools.color('shadow');
     inset: 0 auto 0 0;