// Text alignment

.#{$prefix}text-justify {
  text-align: justify !important;
}
.#{$prefix}text-wrap {
  white-space: normal !important;
}
.#{$prefix}text-nowrap {
  white-space: nowrap !important;
}

.#{$prefix}text-left {
  text-align: left!important;
}
.#{$prefix}text-center {
  text-align: center!important;
}
.#{$prefix}text-right {
  text-align: right!important;
}

// Text wrapping


// Text overflow
.#{$prefix}text-overflow {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.#{$prefix}text-truncate {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

// text 下滑虚线 
.#{$prefix}text-underline{
  position: relative;
  display: inline-block;
}
.#{$prefix}text-underline::after{
  content:"";
  position: absolute;
  left:0;
  right:0;
  bottom:0px;
  border-bottom:1px dashed;
}
 
// 文本后面跟图标，确保图标不单独换行。建议使用inline元素
.#{$prefix}text-with-icon{
    padding-right:16px;
    position: relative;
    min-width: 16px;
}
.#{$prefix}text-with-icon .#{$prefix}icon{
    position:absolute;
    right:0px;
    visibility: hidden; 
    cursor: pointer;
}
.#{$prefix}text-with-icon.is-shown .#{$prefix}icon,
.#{$prefix}text-with-icon:hover .#{$prefix}icon{
    visibility: visible;
}


// 文本默认字号
.#{$prefix}fz-reset{
  font-size: $font-size-default;
}

// 尺寸待定
.#{$prefix}h1,
.#{$prefix}h2,
.#{$prefix}h3,
.#{$prefix}h4,
.#{$prefix}h5,
.#{$prefix}h6{
  font-weight: $font-weight-bold;
}
.#{$prefix}h1{
  font-size: $font-size-h1;
}
.#{$prefix}h2{
  font-size: $font-size-h2;
}
.#{$prefix}h3{
  font-size: $font-size-h3;
}
.#{$prefix}h4{
  font-size: $font-size-h4;
}
.#{$prefix}h5{
  font-size: $font-size-h5;
}
.#{$prefix}h6{
  font-size: $font-size-h6;
}