From b984714003ddaaee9fbf24d813143d31cfa35fab Mon Sep 17 00:00:00 2001
From: Bryan <bryan.mauger@safelite.com>
Date: Wed, 20 Oct 2021 14:53:47 -0400
Subject: [PATCH] Add text link style.

---
 src/Funnel1.vue                       | 5 +++++
 src/assets/scss/_CustomVariables.scss | 1 +
 src/assets/scss/_GlobalStyles.scss    | 9 +++++++++
 3 files changed, 15 insertions(+)

diff --git a/src/Funnel1.vue b/src/Funnel1.vue
index 0998aa9d8..028b7fa78 100644
--- a/src/Funnel1.vue
+++ b/src/Funnel1.vue
@@ -61,6 +61,11 @@
         />
       </div>
     </div>
+    <div class="row">
+      <div class="col my-3 d-flex align-items-center">
+        <a href="#">Text Link</a>
+      </div>
+    </div>
   </div>
 </template>
 
diff --git a/src/assets/scss/_CustomVariables.scss b/src/assets/scss/_CustomVariables.scss
index 85c3bcb8f..c7b586303 100644
--- a/src/assets/scss/_CustomVariables.scss
+++ b/src/assets/scss/_CustomVariables.scss
@@ -24,6 +24,7 @@ $grays: (
 $blue-200:   #E7F1F6;
 $blue-300:   #B9D7E6;
 $blue-400:   #125B7E;
+$blue-600:   #1574A1;
 $blue-700:   #06577C;
 $blue:       #167CAC;//Default Blue (Blue 500)
 $indigo:     #6610f2;
diff --git a/src/assets/scss/_GlobalStyles.scss b/src/assets/scss/_GlobalStyles.scss
index 715d8fa00..204926bc4 100644
--- a/src/assets/scss/_GlobalStyles.scss
+++ b/src/assets/scss/_GlobalStyles.scss
@@ -3,3 +3,12 @@ body {
   background-color: #fff;
   padding: 0 .75rem;
 }
+
+a {
+  color: $blue-600;
+  text-decoration: none;
+  border-bottom: 1px solid $blue-600;
+  &:hover {
+    color: $blue-400;
+  }
+}