assets/css/default: Change <reaction-hover> to <reaction-tip>

2 files changed, 7 insertions, 7 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 8f4c344..bc52409 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -1754,7 +1754,7 @@ twitter-tweet iframe {
   border: none;
 }
 
-reaction-hover {
+reaction-tip {
   text-decoration: underline;
   text-decoration-style: wavy;
   cursor: pointer;
@@ -1762,17 +1762,17 @@ reaction-hover {
   display: inline-block;
 }
 
-reaction-hover:hover {
+reaction-tip:hover {
   text-decoration-thickness: 0.15rem;
 }
 
-reaction-hover:hover img {
+reaction-tip:hover img {
   opacity: 1;
   visibility: visible;
   width: 100%;
 }
 
-reaction-hover img {
+reaction-tip img {
   position: absolute;
   z-index: 99;
   visibility: hidden;
@@ -1786,7 +1786,7 @@ reaction-hover img {
   border: none;
 }
 
-main micro-card:first-of-type reaction-hover img {
+main micro-card:first-of-type reaction-tip img {
   bottom: 0;
   top: 100%;
 }
diff --git a/themes/default/layouts/shortcodes/react.html b/themes/default/layouts/shortcodes/react.html
index 7eb7920..e7c260d 100644
--- a/themes/default/layouts/shortcodes/react.html
+++ b/themes/default/layouts/shortcodes/react.html
@@ -15,7 +15,7 @@
   )
 -}}
 
-<reaction-hover title="{{ $title }}">
+<reaction-tip title="{{ $title }}">
   {{ $text | markdownify }}
   <a href="{{ $image.Permalink }}">
     <img
@@ -26,4 +26,4 @@
       src="{{ $image.Permalink }}"
     />
   </a>
-</reaction-hover>
+</reaction-tip>