@import (reference) "../../../assets/css/index";

@ellipsis-prefix-cls: ~"@{fishd-prefix}-ellipsis";

.@{ellipsis-prefix-cls}-ellipsis {
  overflow: hidden;
  display: inline-block;
  word-break: break-all;
  width: 100%;
}

.@{ellipsis-prefix-cls}-tooltip {
  overflow-wrap: break-word;
  word-wrap: break-word;

  .fishd-tooltip-inner {
    .scrollbar();
    max-height: 300px;
    overflow-y: auto;
  }
}

.@{ellipsis-prefix-cls}-width-mode {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto;
}

.@{ellipsis-prefix-cls}-lines {
  position: relative;
  .shadow {
    display: block;
    position: absolute;
    color: transparent;
    opacity: 0;
    z-index: -999;
  }
}

.@{ellipsis-prefix-cls}-lineClamp {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.@{ellipsis-prefix-cls}-shadow {
  opacity: 0;
}