如何使用SASS修复Web Essentials号码精度问题?

时间:2014-06-20 14:05:36

标签: sass web-essentials

目前,Visual Studio 2013的Web Essentials支持SASS编译。当我编译一个小数超过5位的SASS变量时,该数字会被修剪。

SASS

.example{ 
    line-height: 1.428571429; 
}

变为

CSS

.example { 
    line-height: 1.42857; 
}

这对于Bootstrap 3尤其是一个问题,因为它们使用上面的例子来表示按钮中的行高。修剪后的输出编号会导致浏览器的按钮高度不同。

有没有办法通过Web Essentials更改SASS号码精度?如果不可用,我已经打开了a feature request with them

2 个答案:

答案 0 :(得分:1)

在Visual Studio的compilerconfig.json文件中添加选项:

"options": {"precision": 10}

答案 1 :(得分:0)

为此功能制作了一个针对Web Essentials项目的PR,所以它现在应该在那里。

但是,我不再使用Web Essentials进行SASS编译,所以我不确定是否仍然如此。