@use 'sass:list';

.flex {
  &-row {
    display: flex;
    flex-direction: row;
  }
  &-column {
    display: flex;
    flex-direction: column;
  }
}

@each $type, $colors in $color-types {
  .text-#{$type} {
    color: list.nth($colors, 1);
  }
}

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

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

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