@import '../mixin/color.scss';

.se {
  &-c {
    @each $name in $names {
      $i: index($names, $name);
      &-#{$name} {
        color: nth($colors, $i);
      }
    }

    &-n {
      color: unset;
    }
  }

  &-bgc {
    @each $name in $names {
      $i: index($names, $name);
      &-#{$name} {
        background-color: nth($colors, $i);
      }
    }

    @each $name in $names-lg {
      $i: index($names-lg, $name);
      &-#{$name} {
        background-image: nth($colors-lg, $i);
      }
    }

    &-n {
      background: none;
      background-color: unset;
      background-image: none;
    }
  }

  &-o {
    @for $i from 0 through 10 {
      &-#{$i} {
        opacity: $i / 10;
      }
    }
  }
}
