feat: highlight on hover for most els

2023-01-28 15:59:29 -05:00
parent 577e00a870
commit a0920dfe0f
6 changed files with 66 additions and 23 deletions
--- a/components/StoryStatBox.vue
+++ b/components/StoryStatBox.vue
@@ -11,7 +11,7 @@ const latest = docs.at(-1) as StoryParsedContent;
 </script>

 <template>
-  <div class="prose dark:prose-invert flex">
+  <div class="prose dark:prose-invert flex onhover">
    <HomeStatBox
      :href="latest._path"
      color="lightgreen"
@@ -50,4 +50,8 @@ const latest = docs.at(-1) as StoryParsedContent;
 h2 {
  overflow-wrap: break-word;
 }
+
+div.onhover:hover h2 {
+  @apply text-blue-700 dark:text-blue-400;
+}
 </style>