arch-editor/lib/styles/Tooltip.css

Rich text editor with a high degree of customization.

/*!
 * ArchEditor v1.0.1-beta.19
 * Author: longlongago2
 * Build Time: 2021/9/13 9:08:23
 */
.ArchEditor-tooltip {
  display: inline-block;
  padding: 7px 10px;
  border-radius: 5px;
  background-color: #1f1f1f;
  color: #fff;
  font-size: 12px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
  transition: opacity 0.3s ease;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 999;
}
.ArchEditor-tooltip .ArchEditor-tooltip-arrow {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
  visibility: hidden;
}
.ArchEditor-tooltip .ArchEditor-tooltip-arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
  content: '';
  visibility: visible;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ArchEditor-tooltip[data-popper-placement^='top'] > .ArchEditor-tooltip-arrow {
  bottom: -4px;
}
.ArchEditor-tooltip[data-popper-placement^='top'] > .ArchEditor-tooltip-arrow::before {
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.ArchEditor-tooltip[data-popper-placement^='bottom'] > .ArchEditor-tooltip-arrow {
  top: -5px;
}
.ArchEditor-tooltip[data-popper-placement^='bottom'] > .ArchEditor-tooltip-arrow::before {
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
}
.ArchEditor-tooltip[data-popper-placement^='left'] > .ArchEditor-tooltip-arrow {
  right: -4px;
}
.ArchEditor-tooltip[data-popper-placement^='left'] > .ArchEditor-tooltip-arrow::before {
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
}
.ArchEditor-tooltip[data-popper-placement^='right'] > .ArchEditor-tooltip-arrow {
  left: -5px;
}
.ArchEditor-tooltip[data-popper-placement^='right'] > .ArchEditor-tooltip-arrow::before {
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}