@each $suffix, $size in $sizes {
  .m-fs-#{$suffix} {
    font-size: $size;
  }

  .m-ls-#{$suffix} {
    letter-spacing: $size;
  }

  @each $name, $value in $breakpoints {
    @if ($name != 'zero') {
      .m-fs-#{$suffix}-#{$name} {
        @include respond-to('zero', $name) {
          font-size: $size;
        }
      }
    }
  }
}

@each $theme in $themes {
  $color: $theme;
  $color-light: $theme + '-light';
  $color-dark: $theme + '-dark';
  $font-color: 'font-' + $theme;
  $font-color-light: 'font-' + $theme + '-light';
  $font-color-dark: 'font-' + $theme + '-dark';

  .m-tx-et-#{$theme} {
    text-shadow: 0 1px color($color);

    &-light {
      text-shadow: 0 1px color($color-light);
    }

    &-dark {
      text-shadow: 0 1px color($color-dark);
    }
  }
}

// Font weight

.m-wt-100 {
  font-weight: 100;
}

.m-wt-200 {
  font-weight: 200;
}

.m-wt-300 {
  font-weight: 300;
}

.m-wt-400 {
  font-weight: 400;
}

.m-wt-500 {
  font-weight: 500;
}

.m-wt-600 {
  font-weight: 600;
}

.m-wt-700 {
  font-weight: 700;
}

.m-wt-800 {
  font-weight: 800;
}

.m-wt-900 {
  font-weight: 900;
}

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

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

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

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

.m-tx-up {
  text-transform: uppercase;
}

.m-tx-lw {
  text-transform: lowercase;
}