基础SCSS错误:不兼容的单位:' em'和' rem'

时间:2018-02-24 22:40:06

标签: sass gulp zurb-foundation

当我尝试编写我的sass for foundation时,我遇到了这个问题。

我的foundation.scss文件如下所示:

//  Settings
@import "global/settings"; // Foundation settings file.

// Foundation mixins & browser resets
@import '../../node_modules/foundation/scss/foundation';

我已经卸载并重新安装了具有相同结果的基础。

我也更新了一切。

完整错误:

[22:36:59] gulp-notify: [Sass Error] node_modules\foundation      \scss\foundation\components\_forms.scss
Error: Incompatible units: 'em' and 'rem'.
    on line 51 of node_modules/foundation/scss/foundation/components  /_forms.scss
>> $input-error-message-top:            -($form-spacing) - emCalc(5px) !default;
 -------------------------------------^

字面上任何有关这方面的帮助都会很棒。

1 个答案:

答案 0 :(得分:0)

原来我有一个变量设置为使用rem,它应该是我的settings.scss文件中的em,这是罪魁祸首。