From 33c00fa74b130f981290b0be29e23f0b76afded8 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Tue, 15 Apr 2025 06:20:24 -0700
Subject: [PATCH] fix(paginator.css): add hover color for paging icons

---
 package-lock.json                          | 10 +++++-----
 package.json                               |  2 +-
 src/assets/styles/components/paginator.css |  4 ++++
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3e8c3ac..a37c29d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "1.7.9",
+  "version": "1.7.10",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "1.7.9",
+      "version": "1.7.10",
       "license": "MIT",
       "dependencies": {
         "html-minifier-terser": "7.2.0",
@@ -363,9 +363,9 @@
       }
     },
     "node_modules/@asamuzakjp/css-color": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-3.1.1.tgz",
-      "integrity": "sha512-hpRD68SV2OMcZCsrbdkccTw5FXjNDLo5OuqSHyHZfwweGsDWZwDJ2+gONyNAbazZclobMirACLw0lk8WVxIqxA==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-3.1.2.tgz",
+      "integrity": "sha512-nwgc7jPn3LpZ4JWsoHtuwBsad1qSSLDDX634DdG0PBJofIuIEtSWk4KkRmuXyu178tjuHAbwiMNNzwqIyLYxZw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
diff --git a/package.json b/package.json
index db98046..bf5a7aa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "1.7.9",
+  "version": "1.7.10",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "engines": {
diff --git a/src/assets/styles/components/paginator.css b/src/assets/styles/components/paginator.css
index 3265321..c725638 100644
--- a/src/assets/styles/components/paginator.css
+++ b/src/assets/styles/components/paginator.css
@@ -10,6 +10,10 @@
 
   a svg {
     transform: var(--transform-icon-default);
+
+    &:is(:hover, :focus, :active) {
+      stroke: var(--accent-color-hover);
+    }
   }
 
   span svg {