fix(tabs-item-hide): only hide tab nav items

Author: ajoslin

scss/_tabs.scss

@@ -124,15 +124,11 @@
   }
 }
 
-.tabs-item-hide,
-.tabs-item-hide > .tabs {
+.tabs-item-hide > .tabs,
+.tabs.tabs-item-hide {
   display: none;
 }
 
-/* Allow parent element to have tabs-top */
-/* If you change this, change platform.scss as well */
-.tabs.tabs-icon-top > .tab-item,
-.tabs.tabs-icon-bottom > .tab-item,
 .tabs-icon-top > .tabs .tab-item,
 .tabs-icon-bottom > .tabs .tab-item {
   font-size: $tabs-text-font-size-side-icon;
@@ -146,8 +142,6 @@
   font-size: $tabs-icon-size;
 }
 
-.tabs.tabs-icon-left > .tab-item,
-.tabs.tabs-icon-right > .tab-item,
 .tabs-icon-left > .tabs .tab-item,
 .tabs-icon-right > .tabs .tab-item {
   font-size: $tabs-text-font-size-side-icon;
@@ -163,18 +157,15 @@
   }
 }
 
-.tabs-icon-left > .tabs > .tab-item .icon,
-.tabs.tabs-icon-left > .tab-item .icon {
+.tabs-icon-left .tab-item .icon {
   padding-right: 3px;
 }
 
-.tabs-icon-right > .tabs > .tab-item .icon,
-.tabs.tabs-icon-right > .tab-item .icon {
+.tabs-icon-right .tab-item .icon {
   padding-left: 3px;
 }
 
-.tabs-icon-only > .tabs > .tab-item .icon,
-.tabs.tabs-icon-only > .tab-item .icon {
+.tabs-icon-only .icon {
   line-height: inherit;
 }