오징옆의 IT

# parent.scss
$parent-height: 100px;

# child.scss
@import "./parent";
.card{
    height: calc(100vh - #{$parent-height});
    width : $parent-height;
}

scss 의 변수 문법 사용해서 다른 파일에서 해당 변수를 불러올 수 있다.

일반적으로는 불러온 변수를 달러표시해서 그대로 사용하면되지만,

calc등 css함수를 사용할때는 #{} 안에 넣어줘야 정상적으로 읽힌다