From 975b56a6be17a30dd44e5eed6cb69f7da9fe63e2 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Sat, 6 Jul 2024 10:20:40 -0700
Subject: [PATCH] Move anchor styles to their own stylesheet

---
 assets/css/010_anchors.css    | 37 +++++++++++++++++++++++++++++++++++
 assets/css/010_typography.css | 20 -------------------
 2 files changed, 37 insertions(+), 20 deletions(-)
 create mode 100644 assets/css/010_anchors.css

diff --git a/assets/css/010_anchors.css b/assets/css/010_anchors.css
new file mode 100644
index 0000000..4428aab
--- /dev/null
+++ b/assets/css/010_anchors.css
@@ -0,0 +1,37 @@
+{{/*
+    010_anchors.css
+    Eryn Wells <eryn@erynwells.me>
+*/}}
+
+
+
+
+
+/**********
+ # ANCHORS 
+ **********/
+
+a {
+  --hover-animating-timing: 0.1s;
+
+  color: var(--blue);
+  text-decoration: none;
+  transition: color var(--hover-animating-timing);
+
+  &:hover {
+    color: var(--blue);
+    text-decoration: underline;
+    transition: color var(--hover-animating-timing);
+  }
+
+  &:visited {
+    color: var(--blue);
+  }
+}
+
+@media (prefers-reduce-motion: reduce) {
+  a {
+    text-decoration: underline;
+  }
+}
+
diff --git a/assets/css/010_typography.css b/assets/css/010_typography.css
index 0b3981b..27874e2 100644
--- a/assets/css/010_typography.css
+++ b/assets/css/010_typography.css
@@ -54,26 +54,6 @@
 {{- end }}
 
 
-a {
-  --hover-animating-timing: 0.1s;
-
-  color: var(--blue);
-  text-decoration: none;
-  transition: color var(--hover-animating-timing);
-
-  &:hover {
-    color: var(--blue);
-    text-decoration: underline;
-    transition: color var(--hover-animating-timing);
-  }
-}
-
-@media (prefers-reduce-motion: reduce) {
-  a {
-    text-decoration: underline;
-  }
-}
-
 html {
   font-family: var(--font-family-body);
   font-size: var(--text-base-size);