Oblicz procent za pomocą SCSS / SASS

Chcę ustawić szerokość w procentach w scss poprzez obliczenia, ale daje mi to błędy.

Nieprawidłowy CSS po „...- width: (4/12)%”: oczekiwane wyrażenie (np. 1px, pogrubienie), było „;”

Chcę zrobić coś takiego

$my_width: (4/12)%;

div{
width: $my_width;
}

jak dodać tam znak%?

To samo pytanie z px i em

Czy próbowałeś funkcji procentowej ?

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

Inny sposób:

$my_width: 4/12*100%;

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

Sass wyświetli wartość w%.

Udało mi się to zrobić w ten sposób:

div{
   width: (4/12)* 1%;
   }

W ten sposób nie musisz używać żadnych specjalnych funkcji.