@import "mixins/mixins";
@import "common/var";

@include b(background) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    overflow: hidden;
    .el-background-fill {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
        // 为了背景图的展示效果，背景图固化为宽度1920，高度自适应。
        // 宽度不足时，由父级剪切左侧
        .el-background-fill-image {
            position: absolute;
            right: 0;
            width: 1920px;
            height: auto;
        }
    }
    .el-background-shade {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
        clip-path: polygon(0px 400px, 0px 100%, 100% 100%, 100% 168px);
        background-color: $theme-bg-color;
    }
}
