#81 link styling (#171)

Sonatai · Jan 5, 2024 · 1d14719 · 1d14719
1 parent a63939a
commit 1d14719
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/src/components/Feature/Feature.tsx b/src/components/Feature/Feature.tsx
@@ -49,7 +49,7 @@ export const Feature = (props: IMinimalFeature): JSX.Element => {
         <section id={id}>
             <div className="feature__headline group">
                 <h3>
-                    <a href={`#${id}`} className="">
+                    <a href={`#${id}`} className="feature__link">
                         {id}
                         <FontAwesomeIcon
                             icon={faHashtag}

diff --git a/src/components/Feature/styles.css b/src/components/Feature/styles.css
@@ -11,6 +11,11 @@
     @apply ml-[0.5rem];
 }
 
+.feature__link {
+    @apply font-normal;
+    @apply no-underline;
+}
+
 .feature__headline {
     @apply flex;
     @apply items-baseline;

diff --git a/src/components/shared/NavLink/styles.css b/src/components/shared/NavLink/styles.css
@@ -2,6 +2,8 @@
     @apply flex;
     @apply items-center;
     @apply w-full;
+    @apply font-normal;
+    @apply no-underline;
 }
 
 .nav__link:hover {

diff --git a/src/index.css b/src/index.css
@@ -29,7 +29,10 @@ a {
 }
 
 a {
-    @apply hover:text-[#ff3f81];
+    @apply hover:decoration-2;
+    @apply font-bold;
+    @apply underline;
+    @apply decoration-[#ff3f81];
 }
 
 h1,