@use 'mixins/mixins' as *;
@use 'mixins/function' as *;
@use 'common/var' as *;

// 引入 @wangeditor/editor css
@import '@wangeditor/editor/dist/css/style.css';

@include b(rich-text) {
  border: 1px solid getCssVar(border-color);
}

@include b(rich-text-toolbar) {
  border-bottom: 1px solid getCssVar(border-color);

  .w-e-toolbar {
    box-sizing: border-box;
    padding: 4px;

    .w-e-bar-item,
    .w-e-bar-divider {
      box-sizing: border-box;
      height: 30px;
    }

    .w-e-bar-item-group .w-e-bar-item-menus-container {
      z-index: 10;
      box-sizing: border-box;
      padding-right: 0;
      padding-left: 0;
      margin-top: 32px;

      .w-e-bar-item {
        box-sizing: border-box;
        width: 100%;
        padding: 0;

        > button {
          width: 100%;
          padding: 0 12px;
        }
      }
    }
  }
}

// @include b(rich-text-editor) {
// }

// @include b(rich-text-preview) {
// }

@include b(rich-text-preview-tooltip-title) {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;

  // min-width: 100px;
  cursor: pointer;
  -webkit-box-orient: vertical;
}

@include b(rich-text-preview-tooltip) {
  // .ant-tooltip-inner {
  //   padding: 0;
  //   margin: 0;
  // }
}