add extjs 6.0.1 sources

[extjs.git] / extjs / classic / theme-base / sass / src / tab / Bar.scss

.#{$prefix}tab-bar {\r
    z-index: 0;\r
    position: relative;\r
}\r
\r
.#{$prefix}tab-bar-strip {\r
    position: absolute;\r
    line-height: 0;\r
    font-size: 0;\r
    z-index: 2;\r
\r
    .#{$prefix}tab-bar-top > & {\r
        bottom: 0;\r
    }\r
\r
    .#{$prefix}tab-bar-bottom > &{\r
        top: 0;\r
    }\r
\r
    .#{$prefix}tab-bar-left > & {\r
        right: 0;\r
\r
        @if $include-rtl {\r
           &.#{$prefix}rtl {\r
                right: auto;\r
                left: 0;\r
            }\r
        }\r
    }\r
\r
    .#{$prefix}tab-bar-right > & {\r
        left: 0;\r
\r
        @if $include-rtl {\r
            &.#{$prefix}rtl {\r
                left: auto;\r
                right: 0;\r
            }\r
        }\r
    }\r
}\r
\r
.#{$prefix}tab-bar-horizontal .#{$prefix}tab-bar-strip {\r
    width: 100%;\r
    left: 0;\r
}\r
\r
.#{$prefix}tab-bar-vertical {\r
    // vertical tabbars use display:table-cell so that they doen't expand to fill their\r
    // container when rendered outside of a tabpanel. (display:table doesn't work in IE9\r
    // because getComputedStyle doesn't return the correct border/padding info)\r
    display: table-cell;\r
\r
    .#{$prefix}tab-bar-strip {\r
        height: 100%;\r
        top: 0;\r
    }\r
}\r
\r
.#{$prefix}tab-bar-plain {\r
    background: transparent !important;\r
}\r
\r
.#{$prefix}box-scroller-plain {\r
    background-color: transparent !important;\r
}