Underline all links

styles/components/_portfolio_layout.scss

@@ -47,6 +47,9 @@
     .icon-link {
       color: $color-gray-medium;
       pointer-events: none;
+      &.icon-link--disabled {
+        opacity: 1;
+      }
     }
   }
 }

styles/elements/_accordians.scss

@@ -40,6 +40,7 @@
     margin: 0;
     display: block;
     padding: 0 $gap;
+    text-decoration: none;
   }
 }
 

styles/elements/_icon_link.scss

@@ -47,6 +47,7 @@
 .icon-link {
   @include icon-link;
   @include icon-link-color($color-primary);
+  text-decoration: underline;
 
   &.icon-link--vertical {
     @include icon-link-vertical;
@@ -67,6 +68,7 @@
   &.icon-link--disabled {
     opacity: 0.3;
     pointer-events: none;
+    text-decoration: none;
   }
 
   &.icon-link--left {

styles/elements/_sidenav.scss

@@ -70,7 +70,7 @@
       display: block;
       padding: $gap ($gap * 2);
       color: $color-black;
-      text-decoration: none;
+      text-decoration: underline;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;

templates/portfolios/breadcrumbs.html

@@ -10,7 +10,7 @@
   <div class="portfolio-breadcrumbs__crumb">
     {% if secondary_breadcrumb %}
       {{ Icon("caret_right", classes="icon--tiny") }}
-      <div class="icon-link">
+      <div class="icon-link icon-link--disabled">
         {{ secondary_breadcrumb }}
       </div>
     {% endif %}