Merge pull request #3560 from Izzy-Snyder/sketch-links

Sketch links

Author: raclim

client/modules/About/About.styles.js

@@ -121,9 +121,11 @@ export const SectionItem = styled.div`
   & a {
     font-weight: 700;
     font-size: ${remSize(16)};
+    text-decoration: underline;
 
     &:hover {
       text-decoration: underline;
+      text-decoration-thickness: 0.1em;
     }
   }
 
@@ -176,6 +178,7 @@ export const ContactHandles = styled.p`
 
   & a {
     color: ${prop('logoColor')};
+    text-decoration: underline;
 
     &:hover {
       text-decoration: underline;
@@ -202,9 +205,11 @@ export const Footer = styled.div`
   & a {
     margin: ${remSize(20)} 9.5% 0 0;
     color: ${prop('logoColor')};
+    text-decoration: underline;
 
     &:hover {
       text-decoration: underline;
+      text-decoration-thickness: 0.1em;
     }
   }
 

client/modules/IDE/components/CollectionList/CollectionListRow.jsx

@@ -34,6 +34,12 @@ const SketchsTableRow = styled.tr`
 
   a {
     color: ${prop('primaryTextColor')};
+    text-decoration: underline;
+
+    &:hover {
+      text-decoration: underline;
+      text-decoration-thickness: 0.1em;
+    }
   }
 
   &.is-deleted > * {

client/styles/components/_sketch-list.scss

@@ -148,8 +148,10 @@
 
 .sketches-table__row a {
   @include themify() {
+    text-decoration: underline;
     color: getThemifyVariable("primary-text-color");
   }
+  
 }
 
 .sketches-table__row.is-deleted > * {
@@ -186,4 +188,5 @@
   @include themify() {
     color: getThemifyVariable("logo-color");
   }
+  text-decoration-thickness: 0.1em;
 }