limit link hover styles to articles

_sass/_article.scss

@@ -23,6 +23,10 @@
   text-indent: 0;
 }
 
+.post a:hover {
+  background: $highlight;
+}
+
 .post dl,
 .post ul,
 .post ol {

_sass/_base.scss

@@ -55,10 +55,6 @@ a {
   color: $text-color;
 }
 
-a:hover {
-  background: $highlight;
-}
-
 a:focus {
   outline: 1px dashed $text-color;
 }

_sass/_post-list.scss

@@ -13,6 +13,10 @@
   flex-direction: column-reverse;
   text-decoration: none;
   padding: .25em;
+  &:hover,
+  &:focus {
+    background: $highlight;
+  }
   @media (min-width: $on-tablet) {
     display: flex;
     flex-direction: row;