/* Alignment */
.text-left {
  text-align: left;
}

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

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

// Transformation

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

// Weight and italics

.font-weight-normal  { font-weight: normal; }
.font-weight-bold    { font-weight: bold; }
.font-italic         { font-style: italic; }

// Size

// sass-lint:disable-all
$font-sizes: (10, 12, 14, 15, 16, 17, 18, 19, 20, 25, 30, 36) !default;

/**
 * Font size
 * The following creates this pattern:
 * .t-10{font-size:10}
 * From 10, 12, 14, 15, 16, 17, 18, 19, 20
**/
@each $size in $font-sizes {
  .t-#{$size} {
    font-size: $size;
  }
}