fix(tabs): fix tabs page css

chuaaron · May 13, 2016 · db01a0b · db01a0b
1 parent 9cd0312
commit db01a0b
Showing 1 changed file with 29 additions and 11 deletions.
diff --git a/src/sass/theme/bootstrap-overrides/_tabs.scss b/src/sass/theme/bootstrap-overrides/_tabs.scss
@@ -86,8 +86,6 @@
   border-top-left-radius: 0;
   border-bottom-right-radius: 5px;
   > li > a {
-    margin-left: -1px;
-
     &:hover, &:focus {
     }
   }
@@ -128,35 +126,55 @@
 .nav.nav-tabs {
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
-  border-bottom: 1px solid rgba(0, 0, 0, .01);
-  background-color: rgba(0, 0, 0, 0.2);
+  border-bottom: 1px solid transparent;
+  background-color: $primary-light;
   a {
-    color: $default-text;
+    color: $label-text;
     &:hover {
-      color: $default-text;
+      color: $label-text;
     }
   }
   & > li > a {
     margin-right: 0;
     margin-bottom: 0;
     border-radius: 0;
     border: none;
-    color: $default-text;
     &:hover {
       border: none;
-      color: $default-text;
-      background-color: rgba(0, 0, 0, 0.2);
+      background-color: $primary-light;
     }
   }
   & > li.active > a {
-    color: $default-text;
-    background-color: rgba(0, 0, 0, 0.25);
+    color: $label-text;
+    background-color: $primary;
   }
   > li:first-of-type a {
     border-top-left-radius: 5px;
   }
   .dropdown-menu > li > a {
     color: $dropdown-text;
+    &:hover {
+      color: $dropdown-text;
+    }
+  }
+}
+
+.blur-theme {
+  .nav.nav-tabs {
+    background-color: rgba(0, 0, 0, 0.2);
+    a {
+      color: $default-text;
+      &:hover {
+        color: $default-text;
+      }
+    }
+    & > li > a:hover {
+      background-color: rgba(0, 0, 0, 0.2);
+    }
+    & > li.active > a {
+      color: $default-text;
+      background-color: rgba(0, 0, 0, 0.25);
+    }
   }
 }