@import './variables.less';

:global {
    /*停靠面板*/
    .dock_panel {
        display: flex;
        min-width: @spliter-size;
        min-height: @spliter-size;
    }

    .dock_panel_left {
        flex-direction: row;
    }

    .dock_panel_right {
        flex-direction: row-reverse;
    }

    .dock_panel_top {
        flex-direction: column;
    }

    .dock_panel_bottom {
        flex-direction: column-reverse;
    }

    .dock_pane_horz {
        height: 100%;
        flex: none;
    }

    .dock_pane_vert {
        width: 100%;
        flex: none;
    }

    .dock_pane_fill {
        flex: auto;
    }

    .split_bar {
        background-color: @background-color-base;
    }

    .split_bar:hover {
        background-color: @border-color-split;
    }

    .split_bar_horz {
        height: 100%;
        width: @spliter-size;
        min-width: @spliter-size;
    }

    .split_bar_vert {
        width: 100%;
        height: @spliter-size;
        min-height: @spliter-size;
    }

    .dock_pane_title {
        padding: @padding-size;
        border-bottom: 1px solid @border-color-base;
    }

    .dock_pane_title_button {
        float: right;
    }

    .horz_size_cursor {
        cursor: w-resize;
    }

    .vert_size_cursor {
        cursor: n-resize;
    }

    .pane_title {
        font-size: @title-font-size;
        font-weight: bold;
    }

}