/*
 * Copyright (c) 2016-present, Parse, LLC
 * All rights reserved.
 *
 * This source code is licensed under the license found in the LICENSE file in
 * the root directory of this source tree.
 */
@import 'stylesheets/globals.scss';

.editor {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 1px 4px rgba(0,0,0,0.4);

  input {
    @include MonospaceFont;
    width: 100%;
    height: 30px;
    border: none;
    outline: none;
    padding: 0 4px;
    font-size: 12px;
  }

  &.readonly {
    box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 20%);
  }

  input:disabled {
    background-color: #f2f2f2;
    color: #666;
  }

  textarea {
    @include MonospaceFont;
    width: 200px;
    height: 93px;
    font-size: 12px;
    padding: 4px;
    resize: none;
    border: none;
    outline: none;
  }
}