@ohayojp.com/components/ellipsis/style/index.less

Common business components of ohayojp.

@import '../../../theme/theme-default.less';
@ellipsis-prefix: ~'.ellipsis';

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;
  }
}