Рассчитать процент с помощью SCSS/SASS

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

Недопустимый CSS после "...- width: (4/12)%": ожидаемое выражение (например, 1px, полужирный), был ";"

Я хочу сделать что-то вроде

$my_width: (4/12)%;

div{
width: $my_width;
}

как добавить там знак%?

Тот же вопрос с px и em

Ответ 1

Вы пробовали функцию percentage?

$my_width: percentage(4/12);
div{
width: $my_width;
}

Ответ 2

Другой способ:

$my_width: 4/12*100%;

div{
width: $my_width; // 33.33333%
}

Sass выведет значение в%.