@import '~@cainiaofe/cn-ui-m-theme/token.px.scss';

.#{$hashClassName}.cn-ui-m-ellipsis {
  white-space: nowrap;
  display: flex;
  .cn-ui-m-ellipsis {
    &-header {
      flex: 1 1 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    &-footer {
      flex-shrink: 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}

.#{$hashClassName}.cn-ui-m-text-ellipsis {
  display: inline-flex;
  position: relative;

  &.fold {
    padding-right: $m-font-size-body-1;
  }

  .cn-ui-m-text-ellipsis {
    &-inner {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    &-fold {
      position: absolute;
      bottom: 0;
      right: 0;
    }
  }
}