запустить цикл до семи раз за дни недели в scss

Question

У меня есть переменная дней:

$days: M T W T F S S;

и статический css как:

.bp3-control.bp3-checkbox input ~ .bp3-control-indicator::before {
background-image: unset;
content: "M";
padding: 7px 13px;
}

Я хочу установить содержимое с понедельника по воскресенье в различных флажках последовательно.

ожидаемый результат:

Answer 1

$list: M T W T F S S;

  @each $day in $list{
    .bp3-control.bp3-checkbox input ~ .bp3-control-indicator::before {
      background-image: unset;
      content: "#{$day}";
      padding: 7px 13px;
    }
}

Надеюсь, это поможет вам

Answer 2

$days: (1 "M") (2 "T") (3 "W") (4 "T") (5 "F") (6 "S") (7 "S");


@each $i in $days {
    .bp3-control.bp3-checkbox:nth-child(#{nth($i, 1)}) input ~ .bp3-control-indicator::before {
        content: "#{nth($i,2)}";
    }
}

Оформить заказ https://jsfiddle.net/moorthyrweb/3L1x5tva/