SCSS Variablen in CSS nutzen

Diese Syntax funktioniert nicht

SCSS
$weite: 180px;

div {
    width: calc($weite - 20px);
}

Workaround um SCSS Variablen in calc-Funktionen zu nutzen

SCSS
$weite: 180px;

div {
    width: calc(#{$weite} - 20px);
}

SCSS Variablen in CSS Variablen nutzen

SCSS
$col-weiss: #fff;
--col-weiss: #{$col-weiss};