Add styles for nav tabs interactive states

6 years ago · 7ea81db255
parent ab66840113
commit 7ea81db255
1 changed files with 12 additions and 2 deletions
--- a/apps/explorer_web/assets/css/components/_nav_tabs.scss
+++ b/apps/explorer_web/assets/css/components/_nav_tabs.scss
@ -7,6 +7,10 @@
    border-top-left-radius: 0;
    border-top-right-radius: 0;

+    &:hover {
+      color: $primary;
+    }
+
    &.active {
      color: $white;
      background-color: $primary;
@ -15,7 +19,13 @@

    &:hover {
      border-color: transparent;
-
-      }
+    }
  }
 }
+
+
+.nav-tabs .nav-item.show .nav-link {
+  color: $white;
+  background-color: darken($primary, 10%);
+  border-color: darken($primary, 10%);
+}