Indicate active section in portfolio sub-nav

2019-02-06 20:49:38 -05:00
parent 4862bf078d
commit 2d971a458b
2 changed files with 27 additions and 14 deletions
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -45,13 +45,23 @@
  .links {
    font-size: $small-font-size;

-    .link--icon {
-      text-align: center;
+    .icon-link {
+      &.active {
+        color: $color-gray;
+        .icon {
+          @include icon-color($color-gray);
+        }
+      }
+
+      .icon-link--icon {
+        text-align: center;
+      }
+
+      .icon {
+        @include icon-size(20);
+      }
    }

-    .icon {
-      @include icon-size(20);
-    }
  }
 }