fix(a11y): underline links in a text block as pur WCAG 2.0 (#1449)

* fix(a11y): underline links surrounded by text

* chore(name): updating class name to be clearer

---------

Co-authored-by: Brian Lu <[email protected]>

Author: brianlu2610

src/css/custom.css

@@ -3,15 +3,15 @@
 }
 
 [data-theme='dark']:root {
-  --ifm-color-primary: #7FA8F1;
-  --ifm-link-color: #7FA8F1;
+  --ifm-color-primary: #7fa8f1;
+  --ifm-link-color: #7fa8f1;
   --docsearch-muted-color: white;
 }
 
 [data-theme='light']:root {
-  --ifm-color-primary: #1554B7;
-  --ifm-link-color: #1554B7;
-  --docsearch-muted-color: #494B5F;
+  --ifm-color-primary: #1554b7;
+  --ifm-link-color: #1554b7;
+  --docsearch-muted-color: #494b5f;
 }
 
 .wrapper {
@@ -483,6 +483,10 @@ details.alert div {
   padding-top: 0;
 }
 
+.textBlockWithLinks a {
+  text-decoration: underline;
+}
+
 @media only screen and (min-width: 1024px) {
   .projectTitle {
     margin-top: 80px;

src/pages/help.js

@@ -64,18 +64,20 @@ export default function Help(props) {
               <h1 className="help-heading-1">Need help?</h1>
             </header>
             <GridBlock
+              className="textBlockWithLinks"
               contents={supportLinks.slice(0, 3)}
               layout="threeColumn"
               align="left"
             />
             <GridBlock
+              className="textBlockWithLinks"
               contents={supportLinks.slice(3)}
               layout="threeColumn"
               align="left"
             />
             <section>
               <h2 className="help-heading-2">Buy a course</h2>
-              <p>
+              <p className="textBlockWithLinks">
                 Learn how to test JavaScript with{' '}
                 <ExternalLink href="https://kentcdodds.com">
                   Kent C. Dodds
@@ -105,7 +107,7 @@ export default function Help(props) {
               community successful and improve tests for everyone in the long
               run.
             </p>
-            <p>
+            <p className="textBlockWithLinks">
               Please consider helping us answer community questions and update
               documentation content via the help links above. You can also help
               support{' '}