解决在sass中使用calc不能包含变量的问题

在sass中使用calc,如果calc中包含一个变量,不会产生效果

$sideBarWidth = 200px;
.navbar {
width: calc(100% - $sideBarWidth);
}

如何解决呢? 要想在calc中使用变量,必须对这个变量使用sass的插值方法(#{$variable})

.navbar {
width: calc(100% - #{$sideBarWidth});
}

参考链接:https://www.cnblogs.com/zhiyingzhou/p/7669132.html

原创文章 103 获赞 128 访问量 3万+

猜你喜欢

转载自blog.csdn.net/qq_42991509/article/details/103661778
今日推荐