.ml-text-ellipsis {
  display: block;
  overflow: hidden;
  white-space: normal;
  &.is-underline {
    cursor: pointer;
    &:hover {
      text-decoration: underline;
    }
  }
  &.single-line {
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  &.multi-line {
    word-wrap: break-word;
    word-break: break-all;
  }
  &.ss-primary {
    color: $ml-theme-primary-color;
  }
  &.ss-success {
    color: $ml-theme-success-color;
  }
  &.ss-info {
    color: $ml-theme-info-color;
  }
  &.ss-warning {
    color: $ml-theme-warning-color;
  }
  &.ss-danger {
    color: $ml-theme-error-color;
  }
  &.ss-gray {
    color: $ml-gray-color;
  }
  &.ss-blue {
    color: $ml-blue-color;
  }
  &.ss-green {
    color: $ml-green-color;
  }
  &.ss-pink {
    color: $ml-pink-color;
  }
  &.ss-red {
    color: $ml-red-color;
  }
  &.ss-orange {
    color: $ml-orange-color;
  }
  &.ss-purple {
    color: $ml-purple-color;
  }
  &.ss-white {
    color: $ml-white-color;
  }
  .ml-text-ellipsis-sims {
    display: none;
    z-index: -1;
    pointer-events: none;
  }
}