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

.@{coach-prefix}-sider{
    background-color: @coach-sider-bg;
    // width: @coach-sider-width;
    min-height: @coach-sider-height;
    max-width: 256px !important;
    min-width: 180px !important;
    box-shadow: @coach-sider-box-shadow;
    &-header{
        background: @coach-sider-header-bg;
    }
    &-brand{
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: @coach-sider-brand-height;
        min-height: 60px;
        padding: 0 @coach-sider-brand-padding-horizontal;
        &_logo{
            >img{
                width: @coach-sider-brand-logo-width;
                max-width: 180px;
            }
        }
        &_title{
            color: @coach-sider-brand-color;
            font-size: @coach-sider-brand-font-size;
            margin-top: 2px;
        }
    }
    &-menu{
        margin-top: @coach-sider-menu-margin-top;
        &_link{
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: @coach-sider-menu-item-height;
            color: @coach-sider-menu-item-color;
            background-color: @coach-sider-menu-item-bg;
            padding: 0 @coach-sider-brand-padding-horizontal;
            &_main>.@{iconfont-css-prefix}{
                font-size: @coach-sider-menu-icon-size;
            }
            &:hover:not(.active){
                color: @coach-sider-menu-item-hover-color;
                background-color: @coach-sider-menu-item-hover-bg;
            }
            &.active{
                color: @coach-sider-menu-item-active-color;
                background-color: @coach-sider-menu-item-active-bg;
            }
            &_main{
                display: flex;
                align-items: center;
            }
            &_text{
                display: inline-block;
                margin-left: 2.5em;
            }
        }
    }
}