@import  "../../lib/components/list/list.scss";
@import "../../themes/core/colors";
.qms-text-block{
    font-family: Open Sans;

    .qms-block-text-line{
        line-height: 1.5;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        padding: 0;
        margin: 0;
        font-weight: normal;
        font-size: $size-sm;
        box-sizing: border-box;
        color: black(0.6);

        &.size-lg {
            @include size($size-md);
        }
    }

    .content {
        @extend .qms-block-text-line;
        color: #323232;
        font-size: $size-md;
        font-family: 'Open Sans';
        line-height: 28px;
        font-weight: 400;
        &.size-sm {
          @include size($size-sm);
        }
    }
    
    .caption, .caption-semibold{
        font-size: $size-caption;
        color: #323232;
        display: flex;
        justify-content: space-between;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .caption-semibold{
        font-weight: 600;
    }

    .mat-icon{
        width: 1rem;
        height: 1rem;
        font-size: 1rem;
    }

    button:not(:disabled){
        padding-left: 0;
        margin-top: 8px;
    }
    
    &.qms-text-block-dark{
        background: #323232;
        color: white;

        .qms-block-text-line, .caption, .caption-semibold, .content{
            color: white;
        }
    }
}

.qms-text-block-filled{
    padding: 16px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    background: #FAFAFA;
}

