add extjs 6.0.1 sources

[extjs.git] / extjs / classic / theme-neutral / sass / src / layout / container / Accordion.scss

.#{$prefix}accordion-layout-ct {\r
    background-color: $accordion-background-color;\r
    padding: $accordion-padding;\r
}\r
\r
.#{$prefix}accordion-hd .#{$prefix}panel-header-title {\r
    color: $accordion-header-color;\r
    font-weight: $accordion-header-font-weight;\r
    font-family: $accordion-header-font-family;\r
    text-transform: $accordion-header-text-transform;\r
}\r
\r
.#{$prefix}accordion-item {\r
    margin: $accordion-item-margin;\r
\r
    .#{$prefix}accordion-hd {\r
        background: $accordion-header-background-color;\r
        border-width: $accordion-header-border-width;\r
        border-color: $accordion-header-border-color;\r
        padding: $accordion-header-padding;\r
    }\r
\r
    @if $accordion-header-over-background-color != $accordion-header-background-color {\r
        .#{$prefix}accordion-hd-over {\r
            background-color: $accordion-header-over-background-color;\r
        }\r
    }\r
\r
    .#{$prefix}accordion-hd-sibling-expanded {\r
        border-top-color: bottom($accordion-header-border-color);\r
        border-top-width: bottom($accordion-header-border-width);\r
    }\r
\r
    .#{$prefix}accordion-hd-last-collapsed {\r
        border-bottom-color: $accordion-header-background-color;\r
    }\r
\r
    .#{$prefix}accordion-body {\r
        border-width: $accordion-body-border-width;\r
    }\r
}\r
\r
.#{$prefix}accordion-hd {\r
    .#{$prefix}tool-img {\r
        @if $accordion-tool-background-image != $tool-background-image {\r
            background-image: theme-background-image($accordion-tool-background-image);\r
        }\r
        // EXTJSIV-8846: partially transparent png images do not display correctly\r
        // in winXP/IE8m when the image element has a transparent background.\r
        // to fix this, we give the element the same background-color as the header.\r
        background-color: $accordion-header-background-color;\r
\r
        @if $enable-font-icons {\r
            color: $accordion-tool-glyph-color;\r
        }\r
    }\r
\r
    .#{$prefix}tool-collapse-top,\r
    .#{$prefix}tool-collapse-bottom {\r
        @if $enable-font-icons and ($accordion-tool-collapse-glyph != null) {\r
            @include font-icon($accordion-tool-collapse-glyph);\r
            background: none;\r
        } @else {\r
            background-position: 0 ($accordion-header-tool-size * -17);\r
\r
            @if $tool-include-hover-icons {\r
                .#{$prefix}tool-over & {\r
                    background-position: (-$accordion-header-tool-size) ($accordion-header-tool-size * -17);\r
                }\r
            }\r
        }\r
    }\r
\r
    .#{$prefix}tool-expand-top,\r
    .#{$prefix}tool-expand-bottom {\r
        @if $enable-font-icons and ($accordion-tool-expand-glyph != null) {\r
            @include font-icon($accordion-tool-expand-glyph);\r
            background: none;\r
        } @else {\r
            background-position: 0 ($accordion-header-tool-size * -16);\r
\r
            @if $tool-include-hover-icons {\r
                .#{$prefix}tool-over & {\r
                    background-position: (-$accordion-header-tool-size) ($accordion-header-tool-size * -16);\r
                }\r
            }\r
        }\r
    }\r
\r
\r
\r
}