@use 'element-plus/theme-chalk/src/common/var.scss' as *;
@use 'element-plus/theme-chalk/src/mixins/config.scss' as *;
@use 'element-plus/theme-chalk/src/mixins/mixins.scss' as *;

@include b(ellipsis) {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
  &-container {
    display: inline-flex;
    flex: 1;
    overflow: hidden;
  }
  &-content {
    white-space: nowrap;
  }
  &-action {
    display: inline-flex;
    flex: none;
    &-text {
      display: inline-block;
      margin-left: 4px;
      color: #{$color-info};
    }
  }
}