如何对scss变量做cacl计算

写页面时需要对一个 scss 变量做 css 的 calc 处理,发现直接使用变量浏览器无法识别,Google 后发现要对变量处理才能正常使用:

假定定义卡片变量 $cardWidth: 450px,如果要使用 calc,直接 width: calc($cardWidth * 2); 这么用是不行的,需要按如下使用方法:

1
width: calc(#{$cardWidth} * 2);