// stylelint-disable declaration-no-important

//*
//* Text
//*

// .text-monospace { font-family: $font-family-monospace !important; }

//* Alignment

.text-justify  { text-align: justify !important; }
.text-wrap     { white-space: normal !important; }
.text-nowrap   { white-space: nowrap !important; }
.text-truncate { @include text-truncate(); }

//* Responsive alignment

@each $breakpoint in map-keys($grid-breakpoints) {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

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

//* Transformation

.text-lowercase  { text-transform: lowercase !important; }
.text-uppercase  { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }

//* Weight and italics

.text-bold { 
  font-weight: 500;
}

// .font-weight-light   { font-weight: $font-weight-light !important; }
// .font-weight-lighter { font-weight: $font-weight-lighter !important; }
// .font-weight-normal  { font-weight: $font-weight-normal !important; }
.font-weight-bold    { font-weight: 500 !important; }
// .font-weight-bolder  { font-weight: $font-weight-bolder !important; }
// .font-italic         { font-style: italic !important; }


//* Misc

.text-decoration-none { text-decoration: none !important; }

.text-break {
  word-wrap: break-word !important;
}

//* Specific Style

.text-button {
  font-family: IBM Plex Sans Condensed;
  font-weight: 500 !important;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  text-decoration: none;
}

//* Reset

.text-reset { color: inherit !important; }

@for $i from 1 through 100 {
  .line-clamp-#{$i} {
    display: -webkit-box;

    -webkit-line-clamp: $i;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}