magner/lib/assets/styles/components/editor.css

Universal admin panel magnetic to any backend

.form-editor {
  min-height: 46px;
  @media (--breakpoint-small) {
    padding-bottom: 16px;
  }

  .ce-inline-tool {
    &.colorPlugin {
      svg {
        margin-bottom: 1px;
        width: 16px;
      }
    }

    &[data-tool="underline"] {
      svg {
        fill: none;
      }
    }

    &[data-tool="strikethrough"] {
      svg {
        width: 16px;
        height: auto;
      }
    }
  }

  &.disabled {
    background-color: var(--el-disabled-fill-base);
    border-color: var(--el-disabled-border-base);
    color: var(--el-disabled-color-base);
    cursor: not-allowed;
  }

  .codex-editor {
    &.codex-editor--empty {}

    &__redactor {
      padding-bottom: 12px !important;
      margin-right: 0 !important;
    }

    &__loader {
      height: 46px;
    }

    & .ce-toolbar {
      @media (--breakpoint-md) {
        display: block;
      }

      &__actions {
        opacity: 1;
      }

      &__plus {
        border: 1px solid #F4F4F5;
        border-radius: 4px;
        transform: translate3d(0, calc(16px - 50%), 0px);
        left: -48px;
      }

      & .ce-toolbox {
        right: -48px;
      }
    }

    & .ce-block {
      &.ce-block--focused {}

      &:last-of-type .ce-block__content {
        border-bottom: 1px solid #DFE2E8;
      }
    }
  }
}