Add links to the markdown reference on the docs (#1254)

assets/styles/components.scss

@@ -524,26 +524,17 @@
 
 .text-link {
   color: var(--color-link);
-  text-decoration: underline;
 
   &:focus-visible,
   &:hover {
     color: var(--color-link-hover);
     cursor: pointer;
+    text-decoration: underline;
   }
 
   &:active {
     color: var(--color-link-active);
   }
-
-  &.no-underline {
-    text-decoration: none;
-
-    &:hover,
-    &:focus-visible {
-      text-decoration: underline;
-    }
-  }
 }
 
 .title-link {

components/ui/ModalReport.vue

@@ -5,9 +5,9 @@
         <p>
           Modding should be safe for everyone, so we take abuse and malicious intent seriously at
           Modrinth. We want to hear about harmful content on the site that violates our
-          <nuxt-link to="/legal/terms"> ToS </nuxt-link> and
+          <nuxt-link class="text-link" to="/legal/terms">ToS</nuxt-link> and
-          <nuxt-link to="/legal/rules"> Rules </nuxt-link>. Rest assured, we’ll keep your
+          <nuxt-link class="text-link" to="/legal/rules">Rules</nuxt-link>. Rest assured, we’ll keep
-          identifying information private.
+          your identifying information private.
         </p>
         <p v-if="itemType === 'project' || itemType === 'version'">
           Please <strong>do not</strong> use this to report bugs with the project itself. This form
@@ -33,7 +33,15 @@
       />
       <label class="report-label" for="additional-information">
         <strong>Additional information</strong>
-        <span> Include links and images if possible. Markdown formatting is supported. </span>
+        <span>
+          Include links and images if possible. This editor supports
+          <a
+            class="text-link"
+            href="https://docs.modrinth.com/docs/tutorials/markdown/"
+            target="_blank"
+            >Markdown formatting</a
+          >.
+        </span>
       </label>
       <div class="textarea-wrapper">
         <Chips v-model="bodyViewType" class="separator" :items="['source', 'preview']" />

components/ui/NotificationItem.vue

@@ -119,7 +119,7 @@
           <VersionIcon />
           <nuxt-link
             :to="getVersionLink(notif.extra_data.project, notif.extra_data.version)"
-            class="text-link no-underline"
+            class="text-link"
           >
             {{ notif.extra_data.version.name }}
           </nuxt-link>

pages/[type]/[id]/settings/description.vue

@@ -7,10 +7,9 @@
           You can type an extended description of your mod here. This editor supports
           <a
             class="text-link"
-            href="https://guides.github.com/features/mastering-markdown/"
+            href="https://docs.modrinth.com/docs/tutorials/markdown/"
             target="_blank"
-            rel="noopener"
+            >Markdown formatting</a
-            >Markdown</a
           >. HTML can also be used inside your description, not including styles, scripts, and
           iframes (though YouTube iframes are allowed).
           <span class="label__subdescription">

pages/[type]/[id]/version/[version].vue

@@ -206,10 +206,9 @@
           >This editor supports
           <a
             class="text-link"
-            href="https://guides.github.com/features/mastering-markdown/"
+            href="https://docs.modrinth.com/docs/tutorials/markdown/"
             target="_blank"
-            rel="noopener"
+            >Markdown formatting</a
-            >Markdown</a
           >. HTML can also be used inside your changelog, not including styles, scripts, and
           iframes.
         </span>