diff --git a/scss/_tabs.scss b/scss/_tabs.scss index e569e52cab5..ee3c933ceef 100644 --- a/scss/_tabs.scss +++ b/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; }