Sass Variabile nella funzione calc calc ()

Sto cercando di utilizzare la funzione calc() in un foglio di stile Sass, ma sto avendo alcuni problemi. Ecco il mio codice:

 $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) 

Se uso il letterale 50px invece della mia variabile body_padding , ottengo esattamente quello che voglio. Tuttavia, quando passo alla variabile, questo è l’output:

 body { padding-top: 50px; height: calc(100% - $body_padding); } 

Come posso convincere Sass a riconoscere che è necessario sostituire la variabile all’interno della funzione calc ?

Interpolare:

 body height: calc(100% - #{$body_padding}) 

In questo caso, anche border box sarebbe sufficiente:

 body box-sizing: border-box height: 100% padding-top: $body_padding 

Prova questo:

 @mixin heightBox($body_padding){ height: calc(100% - $body_padding); } body{ @include heightBox(100% - 25%); box-sizing: border-box padding:10px; }