Мой цикл SASS разрывается с использованием интерполяции и процента

Question

Этот код почему-то нарушает мой процесс SASS ..

@for $i from 1 through 100 {
  .t-#{$i} {
    top: #{$i}%;
  }
} 

Answer 1

Вы можете изменить это на:

@for $i from 1 through 100 {
  .t-#{$i} {
    top: 1% * $i
  }
}

От Документы SASS :

Здесь пример

Answer 2

Вы также можете написать так

@for $i from 1 through 100 {
  .t-#{$i} {
    top: #{$i + '%'};
  }
}