.#{$prefix}tab {
display: block;
white-space: nowrap;
z-index: 1;
}
.#{$prefix}tab-active {
z-index: 3;
}
.#{$prefix}tab-wrap {
display: block;
position: relative;
}
.#{$prefix}tab-button {
zoom: 1;
display: block;
outline: none;
}
.#{$prefix}tab-inner {
display: block;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
zoom: 1; // required to make opacity work on IE quirks
}
.#{$prefix}btn-icon-el {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background-repeat: no-repeat;
text-align: center;
}
.#{$prefix}tab-bar {
z-index: 1;
}
.#{$prefix}tab-bar-body {
z-index: 2;
position: relative;
}
.#{$prefix}tab-bar-strip {
position: absolute;
line-height: 0;
font-size: 0;
z-index: 1;
}
.#{$prefix}tab-bar-horizontal .#{$prefix}tab-bar-strip {
width: 100%;
left: 0;
}
.#{$prefix}tab-bar-vertical .#{$prefix}tab-bar-strip {
height: 100%;
top: 0;
}
.#{$prefix}tab-bar-strip-top {
bottom: 0;
}
.#{$prefix}tab-bar-strip-bottom {
top: 0;
}
.#{$prefix}tab-bar-strip-left {
right: 0;
}
@if $include-rtl {
.#{$prefix}rtl.#{$prefix}tab-bar .#{$prefix}tab-bar-strip-left {
right: auto;
left: 0;
}
}
.#{$prefix}tab-bar-strip-right {
left: 0;
}
@if $include-rtl {
.#{$prefix}rtl.#{$prefix}tab-bar .#{$prefix}tab-bar-strip-right {
left: auto;
right: 0;
}
}
.#{$prefix}tab-bar-plain {
background: transparent !important;
}
.#{$prefix}tab-icon-el {
position: absolute;
background-repeat: no-repeat;
top: 0;
left: 0;
right: auto;
bottom: 0;
}
@if $include-rtl {
.#{$prefix}rtl.#{$prefix}tab-icon-el {
left: auto;
right: 0;
}
}
.#{$prefix}tab-close-btn {
display: block;
position: absolute;
font-size: 0;
line-height: 0;
background: no-repeat;
}
.#{$prefix}tab-mc {
// If the close icon's top/right is smaller that the size of the frame, then it ends
// up getting negatively positioned so that it overlaps the outer framing elements.
// Overflow is set to visible so that if this happens, the close icon will not get
// clipped.
overflow: visible;
}