/*$metadata-height: calc(100vh - 400px);*/
.source-editor {
    padding:0px;
    padding-top: 30px;

    .source-title {
        // text-align: left;
        // font-weight: bold;
        // font-size: 18px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        color: white;
        padding: 10px;
        background-color: var(--theme-secondary);
    }



    // height: $metadata-height;
    // width: calc(100vh);

    .CodeMirror{
        // height: 100%;
        border: 1px solid;
        border-color: var(--theme-secondary);
        // height: $plugin-height;
        overflow: hidden;
        // padding: 5px;
        // height: 71vh;
        width: 100%;
    }
    .ReactCodeMirror{
        width: 100%;
        // width: 100%;
        // @include border();
        // height: $metadata-height;
        // height: 70vh;
        // height: 70vh;
    }


    // border:1px solid;
    // border-color: var(--theme-secondary);
}