[Vuejs]-CSS (scss) variables calculations return an error

by

0👍

I fixed it myself…

 $toggle-width: var(--width);
    $toggle-padding: calc(var(--width) / 10 * 1.5);

but if i wanna make any further calculations, i can’t call the SCSS variables, I must use the var(–width), and preform the calculations,to further mutate it.
like so:

top: $toggle-padding;
left: $toggle-padding;
content: "";
width: calc(var(--width) - (var(--width) / 10 * 1.5) * 2);
height: calc(var(--width) - (var(--width) / 10 * 1.5) * 2);

thanks for the help anyways.

Leave a comment