File: web/bundles/extjs/resources/theme-bootstrap/theme/stylesheets/bootstrap/default/util/_tool.scss

@mixin extjs-tool {
    .#{$prefix}tool {
        height: $tool-size;

        img {
            overflow: hidden;

            width: $tool-size;
            height: $tool-size;

            cursor: pointer;

            background-color: transparent;
            background-repeat: no-repeat;
            background-image: theme-background-image($theme-name, 'glyphicons/glyphicons-halflings.png');

            margin: 0;
        }
    }

    .#{$prefix}panel-header-horizontal,
    .#{$prefix}window-header-horizontal {
        .#{$prefix}tool {
                margin-left: 2px;
        }
    }

    .#{$prefix}panel-header-vertical,
    .#{$prefix}window-header-vertical {
        .#{$prefix}tool {
                margin-top: 2px;
        }
    }

    .#{$prefix}panel-header-vertical,
    .#{$prefix}window-header-vertical {
        // this assumes that there will only ever be one tool that shows at the top of a vertical header (the collapse tool)
        // we should revisit this if it is decided that we want to support multiple tools at the top
        .#{$prefix}tool-top {
            margin: 0 0 4px;
        }
    }


    .#{$prefix}tool-placeholder {
        visibility: hidden;
    }

    .#{$prefix}tool-toggle {
        background-position: -288px -120px;
    }

    .#{$prefix}tool-over {
        .#{$prefix}tool-toggle {
            //background-position: -15px -60px;
        }
    }

    .#{$prefix}panel-collapsed,
    .#{$prefix}fieldset-collapsed {
        .#{$prefix}tool-toggle {
            background-position: -313px -119px;
        }

        .#{$prefix}tool-over {
            .#{$prefix}tool-toggle {
                //background-position: -15px -75px;
            }
        }
    }

    .#{$prefix}tool-close {
        // icon-remove
        background-position: -312px 0;
    }
    
    .#{$prefix}tool-minimize {
        // icon-resize-small
        background-position: -384px -96px;
    }
    
    .#{$prefix}tool-maximize {
        // icon-resize-full
        background-position: -360px -96px;
    }

    // TODO: Find suitable icon
    .#{$prefix}tool-restore {
        // icon-th-large
        background-position: -216px 0;
    }
    
    .#{$prefix}tool-gear {
        // icon-cog
        background-position: -432px 0;
    }
    
    .#{$prefix}tool-prev {
        // icon-backwards
        background-position: -240px -72px;
    }
    
    .#{$prefix}tool-next {
        // icon-forwards
        background-position: -336px -72px;
    }

    // TODO: Find suitable icon
    .#{$prefix}tool-pin {
        // icon-hand-down
        background-position: -216px -144px;
    }

    // TODO: Find suitable icon
    .#{$prefix}tool-unpin {
        // icon-hand-up
        background-position: -192px -144px;
    }

    .#{$prefix}tool-right {
        // icon-arrow-right
        background-position: -264px -96px;
    }

    .#{$prefix}tool-left {
        // icon-arrow-left
        background-position: -240px -96px;
    }
    
    .#{$prefix}tool-help {
        // icon- question-sign
        background-position: -96px  -96px;
    }

    .#{$prefix}tool-save {
        // icon-ok
        background-position: -288px 0;
    }

    .#{$prefix}tool-search {
        // icon-search
        background-position: -48px  0;
    }

    .#{$prefix}tool-minus {
        // icon-minus-sign
        background-position: -433px -96px;
    }

    .#{$prefix}tool-plus {
        // icon-plus-sign
        background-position: -408px -96px;
    }

    .#{$prefix}tool-refresh {
        // icon-refresh
        background-position: -240px -24px;
    }

    .#{$prefix}tool-up {
        // icon-arrow-up
        background-position: -289px -96px;
    }

    .#{$prefix}tool-down {
        // icon-arrow-down
        background-position: -312px -96px
    }
    
    .#{$prefix}tool-collapse {
        // icon-chevron-up
        background-position: -288px -120px;
    }

    .#{$prefix}tool-expand {
        // icon-chevron-down
        background-position: -313px -119px;
    }

    .#{$prefix}tool-print {
        // icon-print
        background-position: -96px  -48px;
    }

    .#{$prefix}tool-expand-bottom,
    .#{$prefix}tool-collapse-bottom {
        // icon-chevron-down
        background-position: -313px -119px;
    }

    .#{$prefix}tool-expand-top,
    .#{$prefix}tool-collapse-top {
        // icon-chevron-up
        background-position: 0 -210px;
    }

    .#{$prefix}tool-expand-left,
    .#{$prefix}tool-collapse-left {
        // icon-chevron-left
        background-position: -432px -72px;
    }

    .#{$prefix}tool-expand-right,
    .#{$prefix}tool-collapse-right {
        // icon-chevron-right
        background-position: -456px -72px;
    }

    /*.#{$prefix}tool-over {
        .#{$prefix}tool-close {
            background-position: -15px 0;
        }

        .#{$prefix}tool-minimize {
            background-position: -15px -15px;
        }
    
        .#{$prefix}tool-maximize {
            background-position: -15px -30px;
        }

        .#{$prefix}tool-restore {
            background-position: -15px -45px;
        }
    
        .#{$prefix}tool-gear {
            background-position: -15px -90px;
        }
    
        .#{$prefix}tool-prev {
            background-position: -15px -105px;
        }
    
        .#{$prefix}tool-next {
            background-position: -15px -120px;
        }
    
        .#{$prefix}tool-pin {
            background-position: -15px -135px;
        }
    
        .#{$prefix}tool-unpin {
            background-position: -15px -150px;
        }
    
        .#{$prefix}tool-right {
            background-position: -15px -165px;
        }
    
        .#{$prefix}tool-left {
            background-position: -15px -180px;
        }

        .#{$prefix}tool-down {
            background-position: -15px -195px;
        }
    
        .#{$prefix}tool-up {
            background-position: -15px -210px;
        }
    
        .#{$prefix}tool-refresh {
            background-position: -15px -225px;
        }
    
        .#{$prefix}tool-plus {
            background-position: -15px -240px;
        }

        .#{$prefix}tool-minus {
            background-position: -15px -255px;
        }

        .#{$prefix}tool-search {
            background-position: -15px -270px;
        }

        .#{$prefix}tool-save {
            background-position: -15px -285px;
        }

        .#{$prefix}tool-help {
            background-position: -15px -300px;
        }

        .#{$prefix}tool-print {
            background-position: -15px -315px;
        }

        .#{$prefix}tool-expand {
            background-position: -15px -330px;
        }

        .#{$prefix}tool-collapse {
            background-position: -15px -345px;
        }
        
        .#{$prefix}tool-expand-bottom,
        .#{$prefix}tool-collapse-bottom {
            background-position: -15px -195px;
        }
    
        .#{$prefix}tool-expand-top,
        .#{$prefix}tool-collapse-top {
            background-position: -15px -210px;
        }
    
        .#{$prefix}tool-expand-left,
        .#{$prefix}tool-collapse-left {
            background-position: -15px -180px;
        }
    
        .#{$prefix}tool-expand-right,
        .#{$prefix}tool-collapse-right {
            background-position: -15px -165px;
        }
    }  */
}