• SCSS
  • CSS

Using calc with a SCSS Variable

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});
}
~~
Cody's logo image, it is an abstract of a black hole with a white Event Horizon.

Cody Merritt Anhorn

A Engineer with a passion for Platform Architecture and Tool Development.