underline right sidebar links on hover instead of vice versa

stacyspiva · stacyspiva · commit e7495e85165b · 2020-11-25T14:16:25.000-08:00
diff --git a/src/components/sidebar/sidebar.scss b/src/components/sidebar/sidebar.scss
@@ -67,6 +67,14 @@ $sidebar-tablet-width: 160px;
   word-break: break-word;
 }
 
+.right_sidebar__link {
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
 .sidebar__link {
   text-decoration: none;
   color: $daisy-eclipse;
diff --git a/src/components/toc/index.js b/src/components/toc/index.js
@@ -25,7 +25,7 @@ export default class ToC extends React.Component {
                   <ul className="sidebar__items sidebar__items--active">
                     {headings.map(header => (
                       <li key={header.value} className="sidebar__item">
-                        <a href={`#${this.slug(header.value)}`}>
+                        <a href={`#${this.slug(header.value)}`} className="right_sidebar__link">
                           {header.value}
                         </a>
                       </li>
