@import '../constants/colors';
@import '../constants/animations';
@import '../constants/dimensions';
@import '../constants/fonts';

.editor.editor--single-line {
  &, * {
    font-family: @font-default;
  }

  .CodeMirror > div > textarea {
    /*
     * This is the hidden div CodeMirror uses for stuff. By, default it's
     * a 1000px absolutely positioned thing for doing work inside of. However, this
     * means that the drag-n-drop shadow image is wider than it should be. So, we're
     * constraining it here, which may break CM in weird ways, but doesn't seem to
     * at first glance.
     */
    max-width: 5em !important;
  }

  .CodeMirror {
    padding-left: inherit !important;
    padding-right: inherit !important;
    color: inherit !important;
  }

  .CodeMirror-lines {
    margin-left: -4px; // Undo CodeMirror-line left margin
    padding: 0;
  }

  .CodeMirror-scroll {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .nunjucks-tag {
    font-size: 0.8em !important;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
  }
}
