@import "../../../styles/variables.less";

.@{gbc-prefix}-sider{
    background-color: @gbc-sider-bg;
    min-height: @gbc-sider-height;
    max-width: @gbc-sider-min-width;
    min-width: @gbc-sider-max-width;
    box-shadow: @gbc-sider-box-shadow;
    &-wrapper{
        height: 100%;
        position: relative;
    }
    &-header{ 
        display: flex;
        justify-content: center;
        align-items: center;
        background: @gbc-sider-header-bg;
        height: @gbc-sider-header-height;
    }
    .@{grc-prefix}-menu{
        &-item{
            .@{iconfont-css-prefix}{
                font-size: @menu-icon-size;
                vertical-align: middle;
            }
            span{ vertical-align: middle; }
        }
    }
}