css - 这个 SCSS 函数的语法不正确吗?未定义的操作错误 :

标签 css sass

@return ($page-width - $gap*($columns -1 )/$columns)

错误说;

Error: Undefined operation: "1% times 8 -1".
        on line 14 of Users/amberjones/Desktop/Sass_Scss_first/sass-project/scss/partials/_functions.scss, in function `col-width`
        from line 15 of Users/amberjones/Desktop/Sass_Scss_first/sass-project/scss/partials/_variables.scss
        from line 2 of sass/Users/amberjones/Desktop/Sass_Scss_first/sass-project/scss/main.scss
>>   @return ($page-width - $gap*($columns -1 ) / $columns)```

最佳答案

错误似乎在函数 col-width 中的 _functions.scss 中。 不能将百分比和整数相乘。 您必须将所有转换为整数,然后使用函数 percentage() 再次转换: percentage function

操作只允许对整数

关于css - 这个 SCSS 函数的语法不正确吗?未定义的操作错误 :,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55993681/

相关文章:

css - Webpack 和 Sass 正确处理后台 : url() image but then it's not found when used with webpack-dev-server

javascript - 检测::cue伪元素,或者在浏览器不支持::cue时执行某些操作

css - 如何使用scss选择父项

html - z-index 属性不起作用

jquery - 在 jquery 中向下滚动时缩小标题

html - 如何取消 HTML "onfocus"行为?

javascript - 使用 JQuery 在滚动条上隐藏 Div

CSS 文本溢出 : ellipsis not working in when using CSS grid

css - Sencha 构建 - app.scss 崩溃

css - 在 Phpstorm 中为 SASS 文件启用 Emmet(Zen Coding)?