fix taxonomy issues

assets/sass/_layout.sass

@@ -39,7 +39,7 @@ header h1, header h1 a
     color: $text
     text-decoration: none
     padding: 0
-    transition: color 0.4s
+    transition: color 0.4s ease-in-out
     &:hover, &:focus
         color: $accent-light
 
@@ -67,9 +67,10 @@ nav ul li a
     color: $text
     text-decoration: none
     font-weight: 500
-    transition: background 0.4s
+    transition: background 0.4s ease-in-out
     &:hover, &:focus
         background: $accent-dark
+        color: $text
 
 @media (max-width: 600px)
     header

assets/sass/_links.sass

@@ -1,5 +1,12 @@
 /* _text.sass */
 
+a
+    color: $primary
+    text-decoration: underline
+    transition: color 0.3s ease-in-out
+    &:hover, &:focus
+        color: $accent
+
 #quick-links
     text-align: left
 
@@ -31,6 +38,6 @@
     color: $darkest
     text-decoration: none
     font-weight: 500
-    transition: background 0.4s
+    transition: background 0.3s ease-in-out
     &:hover, &:focus
         background: $accent-light

assets/sass/_publications.sass

@@ -0,0 +1,13 @@
+#publications
+    ul
+        list-style: none
+        margin: 0
+        padding: 0
+        display: flex
+        flex-direction: column
+        gap: 1em
+
+        li
+            background: $surface
+            border-radius: 8px
+            padding: 1em 1.5em

assets/sass/_taxonomy.sass

@@ -7,62 +7,60 @@ table#taxonomy-table
     background: $surface
     text-align: left
 
-    tr:nth-child(even)
-        background: darken($surface, 2%)
-        transition: background 0.4s
-    tr:nth-child(odd)
-        background: lighten($surface, 3%)
-        transition: background 0.4s
-    tr:hover, tr:focus
-        background: $border
+    tr
+        border-bottom: 3px solid $background
+        &:nth-child(even)
+            background: darken($surface, 2%)
+            transition: background 0.4s ease-in-out
+        &:nth-child(odd)
+            background: lighten($surface, 3%)
+            transition: background 0.4s ease-in-out
+        &:hover, &:focus
+            background: $border
 
-#taxonomy-table thead
-    text-align: left
-    border: none
-    background: $darkest
-    border-radius: $border-radius $border-radius 0 0
+    thead
+        text-align: left
+        border: none
+        background: $darkest
+        border-radius: $border-radius $border-radius 0 0
 
-#taxonomy-table th
-    color: $text
-    padding: 0.6rem 0.6rem
-    text-align: left
-    font-weight: 600
-    border: none
+    th
+        color: $text
+        padding: 0.6rem 0.6rem
+        text-align: left
+        font-weight: 600
+        border: none
 
-#taxonomy-table td
-    padding: 0.3rem 0.6rem
-    text-align: left
-    font-weight: 600
-    border: none
+    td
+        padding: 0.3rem 0.6rem
+        text-align: left
+        font-weight: 600
+        border: none
 
-#taxonomy-table tr
-    border-bottom: 3px solid $background
-    &:hover, &:focus
-        background: $primary-light
+    a.term-link
+        padding: 0.2rem 0.6rem
+        margin: 0.2rem
+        display: inline-block
+        border-radius: $border-radius
+        text-decoration: none
+        font-weight: 500
+        color: $text
+        transition: color 0.4s ease-in-out, background 0.4s ease-in-out
+        &:hover, &:focus
+            color: $darkest !important
+            background: $text-subtle !important
 
-#taxonomy-table a.term-link
-    padding: 0.2rem 0.6rem
-    margin: 0.2rem
-    display: inline-block
-    border-radius: $border-radius
-    text-decoration: none
-    font-weight: 500
-    color: $text
-    transition: color 0.4s
-    &:hover, &:focus
-        color: $darkest
-
-#taxonomy-table a.taxonomy-name
-    padding: 0
-    margin: 0.2rem
-    display: inline-block
-    border-radius: $border-radius
-    text-decoration: none
-    font-weight: 500
-    color: $text
-    transition: color 0.4s
-    &:hover, &:focus
-        color: $accent-light
+    a.taxonomy-name
+        padding: 0
+        margin: 0.2rem
+        display: inline-block
+        border-radius: $border-radius
+        text-decoration: none
+        font-weight: 500
+        color: $text
+        transition: color 0.4s ease-in-out
+        &:hover, &:focus
+            color: $accent-light
 
 #taxonomy-page a.term-link
     padding: 0.3rem 1.2rem
@@ -72,7 +70,7 @@ table#taxonomy-table
     text-decoration: none
     font-weight: 500
     color: $text
-    transition: color 0.4s
+    transition: color 0.4s ease-in-out
     font-size: 1.2rem
     &:hover, &:focus
         color: $darkest

assets/sass/main.sass

@@ -2,4 +2,5 @@
 @import "colors"
 @import "layout"
 @import "taxonomy"
-@import "links"
+@import "links"
+@import "publications"