@use 'element-plus/theme-chalk/src/mixins/mixins.scss' as *;

@include b(pro-page-container){
    @include e(default-header){
        margin: 15px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        h2{
            font-size: 20px;
            font-weight: 600;
        }

        @include when (tabs){
            margin-bottom: 0;
        }

        @include when (fixed){
            margin-bottom: 0;
        }
    }

    @include e(header){
        margin-bottom: 15px;

        @include when(fixed){
            padding-top:15px;
            position: fixed;
            // width: 100%;
            background-color: #fff;
            padding:var(--wet-page-container-pd,20px);
            z-index: 500;
            box-shadow: 3px 2px 8px #f0f1f2;
            box-sizing: border-box;
        }

        .#{$namespace}-tabs__content{
            display: none;
        }
        .#{$namespace}-tabs__header{
            margin-bottom: 0;
        }
    }

    @include e(body){
        // background-color: var(--wet-page-container-bg,#fff);
        // padding:var(--wet-page-container-pd,20px);
        @include when(header-fixed){
            margin: var(--wet-page-container-pd,20px);
        }
    }

    @include e(body-innder){
        background-color: var(--wet-page-container-bg,#fff);
        padding:var(--wet-page-container-pd,20px);
    }

    @include e(footer){
        @include when(header-fixed){
            margin: var(--wet-page-container-pd,20px);
        }
        margin-top: 20px;
        background-color: var(--wet-page-container-bg,#fff);
        padding:var(--wet-page-container-pd,20px);
    }
}