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

.@{gbc-prefix}-content{
    background-color: @gbc-content-bg;
    &-header{
        height: @gbc-content-header-height;
        min-height: 60px;
        background-color: @gbc-content-header-bg;
        margin-top: @gbc-content-header-margin-top;
        &-inner{
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 100%;
            padding: @gbc-content-header-padding-verticle @gbc-content-header-padding-horizontal;
        }
        &-title{
            color: @gbc-content-title-color;
            font-size: @gbc-content-title-font-size;
        }
    }
    &-main{
        overflow-y: scroll;
        height: @gbc-content-main-height;
        padding: @gbc-content-main-padding-verticle @gbc-content-main-padding-horizontal;
        &-inner{
            min-height: 100%;
            background-color: @gbc-content-main-bg;
            padding: @gbc-content-main-inner-padding-verticle @gbc-content-main-inner-padding-horizontal;
        }
    }
}