@use 'sass:math';
@import 'variables';
@for $i from 14 through 22 {
  $value: $i;

  .text-#{$i} {
    @include text-size($value);

    &-fixed {
      font-size: $value * 1px;
    }
  }
}
@for $i from 1 through 7 {
  $value: $i * 5 + 20; // start from 25
  // #22245 因應 @ionic/angular 7.5 調整 1rem => 0.625rem
  .text-#{$value} {
    font-size: math.div($value, $font-size-standard) * 0.625rem;

    &-fixed {
      font-size: $value * 1px;
    }
  }
}
@each $c-key, $c-value in $u-text-color {
  @each $key, $value in $u-text {
    @each $w-key, $w-value in $u-text-weight {
      .text-#{$c-key}-#{$key}-#{$w-key} {
        @include text-type($c-value, $value, $w-value);
      }
    }
  }
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-wrap {
  white-space: normal;
}
.text-nowrap {
  white-space: nowrap;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}

.font-weight-400 {
  font-weight: 400;
}
.font-weight-600 {
  font-weight: 600;
}

// 第一碼不要轉大寫
.text-transform-none {
  text-transform: none;
}
.text-break {
  word-break: break-word;
}