$container-prefix-cls: #{$prefix-name}container;

.#{$container-prefix-cls} {
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: auto; 
    height: 100%;

    &-aside {
        width: 200px;
    }

    &-is-aside {
        flex-direction: row;
    }

    &-header {
        height: 60px;
    }

    &-main {
        flex: 1;
        flex-basis: auto;
        height: 0;
        min-height: 150px;
    }

    &-footer {
        height: 60px;
    }

}