From fea5a1f58b91af6809d78abc666142b5e6a64dee Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Sat, 27 Aug 2022 21:24:49 +0100
Subject: [PATCH] Don't define classes immediately inside dark-mode mixin

This causes with the automatic transition animation.
---
 static/src/scss/_listing.scss | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/static/src/scss/_listing.scss b/static/src/scss/_listing.scss
index 278e73f..9070719 100644
--- a/static/src/scss/_listing.scss
+++ b/static/src/scss/_listing.scss
@@ -48,10 +48,10 @@
 }
 
 nav.pagination {
-  @include dark-mode {
-    a.pagination-link,
-    .pagination-next,
-    .pagination-previous {
+  a.pagination-link,
+  .pagination-next,
+  .pagination-previous {
+    @include dark-mode {
       background-color: $grey-darker;
       border-color: $black;
       color: $dark-mode-text;
@@ -64,8 +64,10 @@ nav.pagination {
         background-color: $primary;
       }
     }
+  }
 
-    .pagination-ellipsis {
+  .pagination-ellipsis {
+    @include dark-mode {
       color: $dark-mode-text;
     }
   }