Sass/Compass编译时不做数学运算
Sass/Compass编译时不做数学运算
提问于 2014-09-25 16:04:04
很抱歉这个描述性的问题，但我不知道还能说什么，它真的疯了。
在我的机器上我安装了罗盘，我的package.json有这条线.
“咕噜-罗盘”："1.0.1"，
我的grunt文件运行正常，并且正在编译我的SASS，除了所有的数学功能都不行。当我致力于Github并且我的同事编译它时，即使他和我有相同的设置，数学也是可行的。通过npm安装安装相同的grunt文件和相同的npm包。
为了测试哪些是有效的，哪些是不起作用的，我在我的SASS中设置了下面的部分。我已经评论了我想要工作的台词，其他的只是测试用例。
$hSpace: (20px, 24px, 30px, 30px, 40px, 60px);
.xxx{
padding: 10px;
padding: 10px/2;
padding: 10/2;
padding: 10/2 * 1px;
padding: nth($hSpace, 3)/2; <---- This one
padding: nth($hSpace, 3);
padding: 30/2px;
padding: 30/2 * 1px;
}这是我咕哝时的输出。
.xxx {
padding: 10px;
padding: 10px/2;
padding: 10/2;
padding: 5px;
padding: 30px/2; <---- Produces this
padding: 30px;
padding: 30/2px;
padding: 15px;
}这就是我同事咕哝的样子。
.xxx {
padding: 10px;
padding: 10px/2;
padding: 10/2;
padding: 5px;
padding: 15px; <---- When it should produce this
padding: 30px;
padding: 30/2px;
padding: 15px;
}我们的设置看起来是一样的，所以我真的不明白为什么我的编译器不能工作。
会很感激任何想法，即使它们只是猜测。
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-09-25 16:46:51
我可以使用我在上面的注释中声明的版本号来重现这个错误。虽然我建议您按照我在注释中的建议检查您的版本号，但是您可以通过将/2更改为* 0.5来解决这个问题，这意味着您使用的包的版本与您的同事不一样，并且在划分代码的语法上不支持/有错误。
$hSpace：(20，24，30，30，40，60)；
.xxx{
padding: 10px;
padding: 10px/2;
padding: 10/2;
padding: 10/2 * 1px;
padding: nth($hSpace, 3) / 2;
padding: nth($hSpace, 3);
padding: 30/2px;
padding: 30/2 * 1px;
}编译成
.xxx {
padding: 10px;
padding: 10px/2;
padding: 10/2;
padding: 5px;
padding: 30px/2;
padding: 30px;
padding: 30/2px;
padding: 15px;
}同时
.xxx{
padding: 10px;
padding: 10px/2;
padding: 10/2;
padding: 10/2 * 1px;
padding: nth($hSpace, 3) * 0.5;
padding: nth($hSpace, 3);
padding: 30/2px;
padding: 30/2 * 1px;
}编译成
.xxx {
padding: 10px;
padding: 10px/2;
padding: 10/2;
padding: 5px;
padding: 15px;
padding: 30px;
padding: 30/2px;
padding: 15px;
}这就是你同事所拥有的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26043122
复制相关文章
相似问题
腾讯云开发者
