@import '../../../theme/styles/default.less';
@import './variable.less';

ellipsis {
  display: inline;
}

@{ellipsis-prefix} {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  word-break: break-all;
  &__lines {
    position: relative;
  }
  &__line-clamp {
    position: relative;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  &__shadow {
    position: absolute;
    z-index: -999;
    display: block;
    color: transparent;
    opacity: 0;
  }
}