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

[Гость]

Вот моя проблема:
Я хочу сделать такой класс в своем проекте (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