@use "../variables.scss" as *;

.#{$rootNamespace}-rich-text {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.#{$rootNamespace}-editor {
  height: 100%;
  width: 100%;
  flex: 1;
  &.is-disabled .w-e-text-container [data-slate-editor] {
    background-color: var(--el-disabled-bg-color);
    box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
    color: var(--el-disabled-text-color);
    -webkit-text-fill-color: var(--el-disabled-text-color);
    cursor: not-allowed;
  }
  .w-e-text-container [data-slate-editor]{
    min-height: 300px;
  }
}