Как экранировать кавычки в stylus?

Question

[Anton Essential]

Возможно кто-то знает как экранивровать кавычки, мне нужно пропихнуть счетчик в data-percent, пример: <div class='graphic__pro' data-precent='1'></div>

.graphic__prog[data-percent=1]:before {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}

for $i in 1 2 3 5 6
  .graphic__prog[data-percent={$i}]
    &:before
      transform: rotate(360deg * $i / 100)

В stylus я не могу передать счетчик в кавычках, если ставлю кавычки он тупо передает
счетчик в кавычках, дебилизм! и правило не работает, если без кавычек тогда счетчик прередается как показано выше, но правило не работает.

Comments

[khipster]

А что \ не работает?

[Anton Essential]

khipster: вот это не работает .graphic__prog[data-percent=1]:before должно быть .graphic__prog[data-percent='1']:before значение один в кавычках

Answer 1

[Fahrenhe17]

Перед каждой кавычкой поставить обратный слеш?
\'1\'

Answer 2

[Anton Essential]

Вот так в общем. .graphic__prog[data-percent=\"{$i}\"]