Calculer un pourcentage avec SCSS / SASS

Question

Je veux définir une largeur en pourcentage dans scss via le calcul, mais cela me donne des erreurs ..

CSS non valide après "...- width: (4/12)%": expression attendue (par exemple, 1px, bold), était ";"

Je veux faire quelque chose comme

$my_width: (4/12)%;

div{
width: $my_width;
}

comment puis-je ajouter le signe% ici?

Même question avec px et em

Answer 1

Avez-vous essayé la fonction pourcentage ?

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

Answer 2

Autrement:

$my_width: 4/12*100%;

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

Sass affichera la valeur en%.