@import './base/reset.less';
@import './default/variable.less';
@import './dark/variable.less';

[class*='g-image'] {
    position  : relative;
    object-fit: cover;
    overflow  : hidden;

    &:before {
        content        : '';
        position       : absolute;
        left           : 0;
        top            : 0;
        width          : 100%;
        height         : 100%;
        background     : url("~@pc/assets/images/avatar.jpg") no-repeat center;
        background-size: cover;
    }
}

.el-form {
    &-item:last-child {
        margin-bottom: 0;
    }
}

.el-popper {
    &.is-light {
        border: 0;
    }

    .el-menu {
        border-radius: 4px;
        box-shadow   : 0 2px 30px 0 rgba(0, 0, 0, .15);

        &--popup {
            min-width: 160px;
        }

        &--vertical {
            .el-menu {
                &-item {
                    height     : 44px;
                    line-height: 44px;
                    color      : #666;

                    &.is-active {
                        color: var(--sidebar-menu-item-active);
                    }
                }
            }
        }
    }
}

.el-dropdown-menu {
    padding: 10px 0;

    &__item {
        line-height: 36px;
        padding    : 0 20px;
    }
}