@import '../vendor/modularscale';
@import '../variables';
@import '../mixins';

.post-editor-markdown {
    /**
     * simplemde v1.11.2
     * Copyright Next Step Webs, Inc.
     * @link https://github.com/sparksuite/simplemde-markdown-editor
     * @license MIT
     */
    .CodeMirror {
        font-size: var(--editor-font-size);
        height: auto;
        min-height: 300px;      
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        color: var(--text-primary-color);
        font-family: var(--editor-font-family);
        font-weight: var(--font-weight-normal);
        line-height: $line-height;
        padding: 0;
        z-index: 1;
    }

    .CodeMirror-scroll {
        min-height: 300px;
        overflow: unset !important;
    }

    .CodeMirror-sizer {
        border-right: none;
    }

    .CodeMirror-fullscreen {
        background: #fff;
        position: fixed !important;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        z-index: 9;
    }

    .CodeMirror-sided {
        width: 50% !important;
    }


    .CodeMirror .CodeMirror-code .cm-tag {
        color: var(--success);
    }

    .CodeMirror .CodeMirror-code .cm-attribute {
        color: #795da3;
    }

    .CodeMirror .CodeMirror-code .cm-string {
        color: var(--color-primary);
    }

    .CodeMirror .CodeMirror-selected {
        background: var(--gray-1);
    }

    .CodeMirror pre {
        color: var(--text-primary-color);
        font-size: inherit;

    }

    .CodeMirror .CodeMirror-code .cm-header {
        font-family: var(--font-base);
        color: var(--headings-color);
        line-height: 1.3;

    }

    .CodeMirror .CodeMirror-code .cm-header-1 {
        font-size: $h1;
    }

    .CodeMirror .CodeMirror-code .cm-header-2 {
        font-size: $h2;
    }

    .CodeMirror .CodeMirror-code .cm-header-3 {
        font-size: $h3;
    }

    .CodeMirror .CodeMirror-code .cm-header-4 {
        font-size: $h4;
    }

    .CodeMirror .CodeMirror-code .cm-header-5 {
        font-size: $h5;
    }

    .CodeMirror .CodeMirror-code .cm-header-6 {
        font-size: $h6;
    }

    .CodeMirror .CodeMirror-code .cm-comment {
        background: var(--highlighted);
        border-radius: 2px;
    }

    .CodeMirror .CodeMirror-code .cm-url {
        border-bottom: 2px solid rgba(var(--yellow), 1);
        color: var(--link-primary-color);
        text-decoration: none;
    }

    .CodeMirror .CodeMirror-code .cm-strikethrough {
        text-decoration: line-through;
    }

    .CodeMirror .CodeMirror-placeholder {
        opacity: .5;
    }
}
