Invert icon active / inactive colors

2019-06-04 13:12:54 -04:00
parent 6456241289
commit 11c258ef7d
2 changed files with 11 additions and 3 deletions
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -55,10 +55,18 @@

    .icon-link {
      padding: 0.8rem 1.2rem;
+
+      color: $color-gray;
+      opacity: 0.3;
+      .icon {
+        @include icon-color($color-gray);
+      }
+
      &.active {
-        color: $color-gray;
+        opacity: 1.0;
+        color: $color-blue;
        .icon {
-          @include icon-color($color-gray);
+          @include icon-color($color-blue);
        }
      }