相关疑难解决方法(0)

CSS calc()函数中的Sass变量

我正在尝试calc()在Sass样式表中使用该函数,但我遇到了一些问题.这是我的代码:

$body_padding: 50px

body
    padding-top: $body_padding
    height: calc(100% - $body_padding)
Run Code Online (Sandbox Code Playgroud)

如果我使用文字50px而不是我的body_padding变量,我会得到我想要的.但是,当我切换到变量时,这是输出:

body {
    padding-top: 50px;
    height: calc(100% - $body_padding); }
Run Code Online (Sandbox Code Playgroud)

我怎样才能让Sass认识到它需要替换calc函数中的变量?

css sass css3 css-calc

1182
推荐指数
4
解决办法
38万
查看次数

标签 统计

css ×1

css-calc ×1

css3 ×1

sass ×1