dopry/netlify-cms

@import '../UI/theme';

/* Quick fix for preview pane not fully displaying in Safari */
:global(.SplitPane .Pane) {
  height: 100%;
}

.previewToggle {
  position: absolute;
  top: 8px;
  right: 40px;
  z-index: 1000;
  opacity: 0.8;
}

.previewToggleShow {
  right: 60px;
}

.controlPane {
  overflow: auto;
  padding: 20px 20px 0;
  height: calc(100% - 55px);
  border-right: 1px solid var(--defaultColorLight);
  background-color: var(--backgroundColor);
}

.previewPane {
  height: calc(100% - 55px);
}

.blocker > * {
  pointer-events: none;
}

.footer {
  height: 55px;
  padding: 10px 20px;
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: var(--border);
  background: var(--backgroundColor);
  text-align: right;
}

.noPreviewEditorContainer {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}

.ProseMirror {
  border: var(--textFieldBorder);
}