fix(core); fixed styles for links in the step component (#973)

* fix(core); fixed styles for links in the step component * fix(core); fixed styles for links in the step component * Create lazy-phones-cover.md * Update lazy-phones-cover.md
event-catalog · Nov 26, 2024 · bb4d278 · bb4d278
1 parent aca2d15
commit bb4d278
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/.changeset/lazy-phones-cover.md b/.changeset/lazy-phones-cover.md
@@ -0,0 +1,5 @@
+---
+"@eventcatalog/core": patch
+---
+
+fix(core): fixed styles for links in the step component
diff --git a/src/components/MDX/Steps/Step.astro b/src/components/MDX/Steps/Step.astro
@@ -2,7 +2,7 @@
 const { title } = Astro.props;
 ---
 
-<li class="mb-8 ml-6 w-full xl:max-w-[50%]">
+<li class="mb-8 ml-6 w-full xl:max-w-[50%] step">
   <div class="flex items-center mb-4">
     <span class="step-number absolute flex items-center justify-center w-6 h-6 bg-primary/80 rounded-md -left-3 text-white">
       <div></div>
@@ -23,3 +23,13 @@ const { title } = Astro.props;
     });
   });
 </script>
+
+<style is:global>
+  .step a {
+    color: #4b5563;
+    text-decoration: underline;
+    &:hover {
+      color: #b977f9;
+    }
+  }
+</style>