@use "sass:math";
/* //TEXT ELLIPSIS CLASS */
.text-dotted-1 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: block-axis;
}
.text-dotted-2 {
  -webkit-box-orient: block-axis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.text-dotted-3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: block-axis;
}
.text-dotted-4 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: block-axis;
}
.text-dotted-5 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: block-axis;
}
.text-dotted-6 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 6;
  -webkit-box-orient: block-axis;
}
.text-dotted-7 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 7;
  -webkit-box-orient: block-axis;
}
.text-dotted-8 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 8;
  -webkit-box-orient: block-axis;
}
.text-dotted-9 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 9;
  -webkit-box-orient: block-axis;
}
.text-dotted-10 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 10;
  -webkit-box-orient: block-axis;
}

// Text alignment
.text- {
  &left {
    text-align: left;
  }
  &center {
    text-align: center;
  }
  &right {
    text-align: right;
  }
  &justify {
    text-align: justify;
  }
  &start {
    text-align: start;
  }
  &end {
    text-align: end;
  }
  &inherit {
    text-align: inherit;
  }
}

// Font styles
.text- {
  &i,
  &italic {
    font-style: italic;
  }
  &n,
  &normal {
    font-style: normal;
  }
  &oblique {
    font-style: oblique;
  }
}

// Font weights
.text- {
  &b,
  &bold {
    font-weight: bold;
  }
  &normal {
    font-weight: normal;
  }
  &lighter {
    font-weight: lighter;
  }
  &bolder {
    font-weight: bolder;
  }

  // Numeric weights
  @for $i from 1 through 9 {
    &#{$i}00 {
      font-weight: $i * 100;
    }
  }
}

// Text decorations
.text- {
  &u,
  &underline {
    text-decoration: underline;
    text-underline-offset: 5px;
  }
  &o,
  &overline {
    text-decoration: overline;
    text-underline-offset: 5px;
  }
  &through,
  &line-through {
    text-decoration: line-through;
    text-underline-offset: 5px;
  }
  &dd,
  &double {
    text-decoration: double;
    text-underline-offset: 5px;
  }
  &w,
  &wavy {
    text-decoration: wavy;
    text-underline-offset: 5px;
  }
  &s,
  &solid {
    text-decoration: solid;
    text-underline-offset: 5px;
  }
  &dotted {
    text-decoration: dotted;
    text-underline-offset: 5px;
  }
  &dashed {
    text-decoration: dashed;
    text-underline-offset: 5px;
  }
  &none {
    text-decoration: none;
  }
}

// Additional text properties
.text- {
  // Text transform
  &uppercase {
    text-transform: uppercase;
  }
  &lowercase {
    text-transform: lowercase;
  }
  &cap {
    text-transform: capitalize;
  }
  &normal {
    text-transform: none;
  }

  // Word break
  &break {
    word-break: break-all;
  }
  &keep {
    word-break: keep-all;
  }
  &wbnormal {
    word-break: normal;
  }

  // White space
  &nowrap {
    white-space: nowrap;
  }
  &pre {
    white-space: pre;
  }
  &prewrap {
    white-space: pre-wrap;
  }
  &preline {
    white-space: pre-line;
  }
  &wsnormal {
    white-space: normal;
  }

  // Text overflow
  &clip {
    text-overflow: clip;
  }
  &ellipsis {
    text-overflow: ellipsis;
  }
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}

// STAR OR MANDATORY INDICATOR
.star,
.staric,
.star-sign,
.mandatory {
  &::after {
    content: "\00a0\00a0*";
    color: #ff0000;
  }
}