@advanced-rest-client/code-mirror/src/ElementStyles.js

CodeMirror as a web component

import { css } from 'lit-element';

export default css`
:host {
  display: block;
  position: relative;
  height: var(--code-mirror-height, 300px);
  color: var(--code-mirror-color, inherit);
  background-color: var(--code-mirror-background-color, inherit);
}

.wrapper {
  height: inherit;
  max-height: inherit;
}

.content {
  display: none;
}

.invalid-message {
  display: none;
}

:host([invalid]) .invalid-message {
  display: block;
  color: var(--code-mirror-invalid-label-color, #F44336)
}

:host([invalid]) .wrapper {
  border: 1px var(--code-mirror-invalid-border-color, #F44336) solid;
}
`;