Skip to main content

Using calc with a SCSS Variable

29 Dec 2019 - Cody Merritt Anhorn

To use a variable in the CSS calc use SCSS Interpolation, example below.

$top-row-height: 3.5rem;

.quick-links {
    padding: 0.5em;
    height: calc(100% - #{$top-row-height});
}

Categories: blog

Tags: scss


Cody Merritt Anhorn
Email: cody.anhorn@hotmail.com