simplify bar-tab css

dist/android-theme.css

@@ -178,9 +178,7 @@ a:active {
 .bar-tab .tab-item .icon {
   margin-top: 5px;
 }
-.bar-tab .tab-item.active .tab-label,
+.bar-tab .tab-item.active, .bar-tab .tab-item:active {
-.bar-tab .tab-item.active .icon, .bar-tab .tab-item:active .tab-label,
-.bar-tab .tab-item:active .icon {
   color: #33b5e5;
 }
 

dist/ios-theme.css

@@ -138,9 +138,7 @@ p {
   box-shadow: 0 0 -1px rgba(0, 0, 0, 0.85);
 }
 
-.tab-item.active .tab-label,
+.tab-item.active, .tab-item:active {
-.tab-item.active .icon, .tab-item:active .tab-label,
-.tab-item:active .icon {
   color: #007aff;
 }
 

dist/ratchet.css

@@ -525,11 +525,8 @@ input[type="button"] {
   height: 100%;
   width: 1%;
   vertical-align: middle;
-  text-align: center;
-}
-.bar-tab .tab-item .tab-label,
-.bar-tab .tab-item .icon {
   color: #929292;
+  text-align: center;
 }
 .bar-tab .tab-item .icon {
   width: 24px;
@@ -540,9 +537,7 @@ input[type="button"] {
   margin-top: -2px;
   font-size: 11px;
 }
-.bar-tab .tab-item.active .tab-label,
+.bar-tab .tab-item.active, .bar-tab .tab-item:active {
-.bar-tab .tab-item.active .icon, .bar-tab .tab-item:active .tab-label,
-.bar-tab .tab-item:active .icon {
   color: #428bca;
 }
 

docs-assets/css/docs.css

@@ -911,9 +911,7 @@ hr {
   -webkit-box-shadow: 0 0 -1px rgba(0, 0, 0, 0.85);
   box-shadow: 0 0 -1px rgba(0, 0, 0, 0.85);
 }
-.platform-ios .tab-item.active .tab-label,
+.platform-ios .tab-item.active, .platform-ios .tab-item:active {
-.platform-ios .tab-item.active .icon, .platform-ios .tab-item:active .tab-label,
-.platform-ios .tab-item:active .icon {
   color: #007aff;
 }
 .platform-ios .bar-nav .btn-link {
@@ -1350,9 +1348,7 @@ hr {
 .platform-android .bar-tab .tab-item .icon {
   margin-top: 5px;
 }
-.platform-android .bar-tab .tab-item.active .tab-label,
+.platform-android .bar-tab .tab-item.active, .platform-android .bar-tab .tab-item:active {
-.platform-android .bar-tab .tab-item.active .icon, .platform-android .bar-tab .tab-item:active .tab-label,
-.platform-android .bar-tab .tab-item:active .icon {
   color: #33b5e5;
 }
 .platform-android .title {

lib/sass/bars.scss

@@ -91,11 +91,13 @@
     height: 100%;
     width: 1%;
     vertical-align: middle;
+    color: #929292;
     text-align: center;
 
-    .tab-label,
+    // Active states for the tab bar
-    .icon {
+    &.active,
-      color: #929292;
+    &:active {
+      color: $primary-color;
     }
 
     // Tab icon
@@ -110,15 +112,6 @@
         font-size: 11px;
       }
     }
-
-    // Active states for the tab bar
-    &.active,
-    &:active {
-      .tab-label,
-      .icon {
-        color: $primary-color;
-      }
-    }
   }
 }
 

lib/sass/theme-android.scss

@@ -258,17 +258,14 @@ a {
   border-top: 0;
 
   .tab-item {
-    .icon {
-      margin-top: 5px;
-    }
-
     // Active states for the tab bar
     &.active,
     &:active {
-      .tab-label,
+      color: $primary-color;
-      .icon {
+    }
-        color: $primary-color;
+    
-      }
+    .icon {
+      margin-top: 5px;
     }
   }
 }

lib/sass/theme-ios.scss

@@ -209,10 +209,7 @@ p {
   // Active states for the tab bar
   &.active,
   &:active {
-    .tab-label,
+    color: $primary-color;
-    .icon {
-      color: $primary-color;
-    }
   }
 }