keystonejs-grapesjs-editor/views/static/editor.css

KeystoneJS webpage editor powered by grapesjs and react-codemirror2

.css-q13bir-Positioner {
    width: 100%;
    max-width: 100%;
  }
  
  .header {
    padding: 12px;
    font-size: 16px;
    background-color: #444444;
    text-align: right;
  }
  
  .btn {
    appearance: none;
    background: none;
    border: 1px solid transparent;
    border-radius: 3px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 0.9rem;
    margin: 3px;
    min-width: 1px;
    padding: 6px 15px;
    background-color: #444444;
    background-repeat: repeat-x;
    border-color: #dddddd;
    color: #fff;
    cursor: pointer;
  }
  
  .editor-container {
    display: flex;
    width: 100%;
    height: 100%;
  }
  
  .html-editor {
    flex-grow: 1;
    border: 5px solid black;
    height: 100%;
    width: 50%;
  }
  
  .css-editor {
    flex-grow: 1;
    border: 5px solid black;
    height: 100%;
    width: 50%;
  }
  
  .h-100 {
    height: 100%;
  }
  
  .react-codemirror2 {
    height: 100%;
  }
  
  .react-codemirror2>div {
    height: 90%;
  }