//----------------------------------------------------------------------------------------------------------------------
// FONT SIZE
//----------------------------------------------------------------------------------------------------------------------

$sizes: 8, 10, 11, 12, 14, 15, 20, 25, 30, 35, 40, 45, 50;
@each $size in $sizes {
  .fs-#{$size} {
    font-size: #{$size}px;
  }
}

//----------------------------------------------------------------------------------------------------------------------
// TEXT CASE
//----------------------------------------------------------------------------------------------------------------------

.tx-lower {
  text-transform: lowercase;
}

.tx-upper {
  text-transform: uppercase;
}

.tx-capitalize {
  text-transform: capitalize;
}

//----------------------------------------------------------------------------------------------------------------------
// TEXT ALIGN
//----------------------------------------------------------------------------------------------------------------------

.tx-right {
  text-align: right;
}

.tx-center {
  text-align: center;
}

.tx-left {
  text-align: left;
}

.tx-top {
  vertical-align: top;
}

.tx-middle {
  vertical-align: middle;
}

.tx-down {
  vertical-align: baseline;
}

.tx-justify {
  text-align: justify;
}

//----------------------------------------------------------------------------------------------------------------------
// TEXT WEIGHT
//----------------------------------------------------------------------------------------------------------------------

.tx-normal {
  font-weight: normal;
}

.tx-bold {
  font-weight: bold;
}

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

.tx-bolder {
  font-weight: bolder;
}

//----------------------------------------------------------------------------------------------------------------------
// TEXT DECORATION
//----------------------------------------------------------------------------------------------------------------------

.tx-underline {
  text-decoration: underline;
}

.tx-line-through {
  text-decoration: line-through;
}

//----------------------------------------------------------------------------------------------------------------------
// TEXT FUNCTIONS
//----------------------------------------------------------------------------------------------------------------------

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

.tx-limit {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tx-break {
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}