SCSS – использование «%» для объявления стиля CSS ⇐ CSS

[Anonymous]

Вот моя проблема:
Я хочу создать такой класс в своем проекте (class="h-[2%]"), поэтому я написал этот небольшой фрагмент кода но что-то не так.
Я не знаком со SCSS, поэтому не знаю, почему у «px» все хорошо, а у «%» нет...

Код: Выделить всё

/* Pixels */
@for $i from 1 through 100 {
.w-#{$i}px {
width: #{$i}px
}
}

/* Purcent */
@for $i from 1 through 100 {
.w-#{$i}% {
width: #{$i}%
}
}

/* Pixels */
@for $i from 1 through 100 {
.h-#{$i}px {
height: #{$i}px
}
}

/* Purcent */
@for $i from 1 through 100 {
.h-#{$i}% {
height: #{$i}%
}
}

Я пробовал некоторые странные вещи, такие как: '%' \% '\%' '\%\', но я не думаю, что это правильный путь.

Подробнее здесь: https://stackoverflow.com/questions/782 ... -css-style