Sass Variable in CSS calc() function

Sass Variable in CSS calc() function

I'm trying to use the&nbsp;<code>calc()</code>&nbsp;function in a Sass stylesheet, but I'm having some issues. Here's my code:

I'm trying to use the calc() function in a Sass stylesheet, but I'm having some issues. Here's my code:

$body_padding: 50px

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

If I use the literal 50px instead of my body_padding variable, I get exactly what I want. However, when I switch to the variable, this is the output:

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

How can I get Sass to recognize that it needs to replace the variable within the calc function?

Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Sass Crash Course- Learn Sass In 20 Minutes

Sass Crash Course- Learn Sass In 20 Minutes: In this mini crash course we are going to learn everything about Sass. What Sass allows us to do is write alot of cool things that we would normally wouldn't be able to do in normal CSS.

Learn SASS and SCSS | Sass & SCSS Tutorial for Beginners

Learn the program that has helped a million learners worldwide! SASS (Syntactically Awesome Style Sheets) and SCSS (Sassy CSS) that have helped so many people can now be yours at just $9! Dave Moran will explain the elements of these two languages and help you add power to your systems with them.

Sass Crash Course

In this Sass Crash Course we will talk about what Sass is and look at its features as well as create a landing page header to display things like variables, nesting, mixins, etc