Использовать процент «%» в качестве аргумента функции SASS

Question

Мне нужно передать '%' unit в качестве аргумента для моего миксина. При прохождении ' px ' / ' vh ' etcetera проблем не возникает, компилятор отказывается работать со знаком процента.

С px проблем нет.

Та же проблема существует, если я хочу добавить знак процента после вызова функции.

Это кажется странным, потому что оно отлично работает с другими единицами.

Есть ли способ использовать знак процента без изменения вывода функции?

Answer 1

В обоих случаях вы можете использовать интерполяцию.

width: nth($params, $i)#{'%'};

and

@include scrollable-table-by-every-column-width(#{'%'}, auto, 15, 10, 20, 20, 15, 15, 5);

UPD

В случае, когда вам нужны проценты после вызова функции, вы можете использовать процент функция также. Но вы должны иметь в виду, что эта функция буквально выполняет num * 100. Так что в этом случае с

width: nth($params, $i) +%;

Вы можете сделать следующее:

percentage(nth($params, $i) / 100) //assuming you passed already calculated percents (not 0.2, 0.3.., but 20, 30...)

Но это не решает проблему, когда вы хотите передать знак процента в качестве аргумента.