@import (inline) 'react-markdown-editor-lite/lib/index.css';

@import './token.less';

.@{ns}-Milkdown {
  .markdown-editor {
    width: 100%;
    .rc-md-navigation {
      border-radius: @border-radius*2.5 @border-radius*2.5 0 0;
      min-height: 25px;
      .navigation-nav.left {
        .button-wrap {
          // flex-wrap: nowrap;
          .button-type-clear {
            display: none;
          }
        }
      }
    }
    .editor-container {
      border-radius: 0 0 @border-radius*2.5 @border-radius*2.5;
      .section {
        border: none;
      }
      .sec-html {
        min-height: 100px;
        border: none;
        .custom-html-style {
          .placeholder {
            color: var(--color-text-3);
          }
        }
      }
    }
    .rc-md-editor {
      border-radius: @border-radius*2.5;
      &:hover {
        border: @border-width solid var(--primary-5);
        cursor: pointer;
      }
    }
  }
  .markdown-editor-active {
    .rc-md-editor {
      min-height: 100px;
      border-radius: @border-radius*2.5;
      border: @border-width solid var(--primary-5);
    }
  }
  .markdown-editor-noedit {
    .rc-md-editor {
      border-radius: @border-radius*2.5;
      border: @border-width solid var(--border-color);
      &:hover {
        border-radius: @border-radius*2.5;
        border: @border-width solid var(--border-color);
        cursor: not-allowed;
      }
    }
  }
}