/* stylelint-disable  declaration-no-important   */

//
// Text
//

// text-size

.text-xs {
  font-size: $font-size-xs !important;
}

.text-sm {
  font-size: $font-size-sm !important;
}
.text-m {
  font-size: $font-size-m !important;
}

.text-base {
  font-size: $font-size-base !important;
}
.text-lg {
  font-size: $font-size-lg !important;
}

// Alignment

.text-justify {
  text-align: justify !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-truncate {
  @extend %text-truncate;
}

// Weight

.font-weight-light   {
  font-weight: 300 !important;
}
.font-weight-normal {
  font-weight: normal !important;
}
.font-weight-bold   {
  font-weight: bold !important;
}

// colors

.text-primary {
  color: $brand-primary !important;
}
.text-success {
  color: $brand-success !important;
}
.text-info {
  color: $brand-info !important;
}
.text-warning {
  color: $brand-warning !important;
}
.text-danger {
  color: $brand-danger !important;
}
.text-white {
  color: $white !important;
}
.text-dark {
  color: $gray-9 !important;
}
.text-gray {
  color: $gray-10 !important;
}
.text-muted {
  color: $gray-11 !important;
}

// 文字省略
.text-truncate {
  @extend %text-truncate;
}