@import '~codemirror/lib/codemirror';
@import '~codemirror/theme/dracula.css';

/* You can add global styles to this file, and also import other style files */

/*[data-emoji-src]{
    background-size: 15px !important;
    background-repeat: no-repeat;
    width: 17.85px;
    display: inline-block;
    color: rgba(0,0,0,0);
}*/

.CodeMirror-line img{
    width: 20px;
    height: 20px;
    margin: 1px;
}


.CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like{
    word-break: break-word;
}

.CodeMirror-line span{
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    line-height:24px;
    background: none;
}

.CodeMirror {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    line-height:20px;
    background: none;
    height: auto;
}

.cm-bold{
    font-weight: bold;
}
.cm-italics{
    font-style: italic;
}
.cm-underline{
    text-decoration: underline;
}
.cm-strikethrough{
    text-decoration: line-through;
}

.cm-inline-code{
    background-color: rgba(0,0,0,0.4);
    border-radius:2px;
    padding: 2px;
}

.cm-quotes{
    padding:2px 2px 2px 10px;
    border-left: 4px solid gray;
}


.cm-s-dracula.CodeMirror, .cm-s-dracula .CodeMirror-gutters {
    background: none !important;
}

.cm-connected-term{
    font-style: italic;
}