fix: update Navigation tab items styling to match design. (#536)

Co-authored-by: SaadYousaf <saadyousaf@A006-00314.local>
2021-07-28 01:28:50 +05:00
parent 2075a0b3dd
commit 4be3b8a56f
1 changed files with 16 additions and 0 deletions
--- a/src/index.scss
+++ b/src/index.scss
@@ -70,6 +70,22 @@
 }
 .course-tabs-navigation {
  border-bottom: solid 1px #EAEAEA;
+
+  .nav a, .nav button {
+    &:hover {
+      background-color: $light-400;
+    }
+    &:focus {
+      border: 2px solid $dark-500;
+    }
+  }
+
+  .nav a {
+    &:not(.active):hover {
+      background-color: $light-400;
+      border-bottom: none;
+    }
+  }
 }

 .nav-underline-tabs {