vue-prism-editor.scss

.prism-editor-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  overflow: auto;
  tab-size: 1.5em;
  -moz-tab-size: 1.5em;

  .prism-editor__line-numbers {
    height: 100%;
    overflow: hidden;
    flex-shrink: 0;
    padding-top: 4px;
    margin-top: 0;
    margin-right: 10px;

    .prism-editor__line-number {
      text-align: right;
      white-space: nowrap;
    }
  }

  .prism-editor__container {
    position: relative;
    text-align: left;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;

    .prism-editor__textarea {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      resize: none;
      color: inherit;
      overflow: hidden;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      -webkit-text-fill-color: transparent;

      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        color: transparent !important;

        &::selection {
          background-color: #accef7 !important;
          color: transparent !important;
        }
      }

      &.prism-editor__textarea--empty {
        -webkit-text-fill-color: inherit !important;
      }
    }

    .prism-editor__textarea,
    .prism-editor__editor {
      margin: 0;
      border: 0;
      background: none;
      box-sizing: inherit;
      display: inherit;
      font-family: inherit;
      font-size: inherit;
      font-style: inherit;
      font-variant-ligatures: inherit;
      font-weight: inherit;
      letter-spacing: inherit;
      line-height: inherit;
      tab-size: inherit;
      text-indent: inherit;
      text-rendering: inherit;
      text-transform: inherit;
      white-space: pre-wrap;
      word-wrap: keep-all;
      overflow-wrap: break-word;
      padding: 0;
    }

    .prism-editor__editor {
      position: relative;
      pointer-events: none;
    }
  }
}