Css 线性渐变不是“str slice';”的字符串波旁威士忌

Css 线性渐变不是“str slice';”的字符串波旁威士忌,css,sass,compass-sass,bourbon,neat,Css,Sass,Compass Sass,Bourbon,Neat,当我用波旁威士忌创建主题时,我得到了以下错误: error sass/screen.scss (Line 18 of sass/bourbon/css3/_background.scss: \ $string: linear-gradient(10deg, #217142,#214271) is not a string for `str-slice') 下面是\u background.scss中的代码,因为它位于其上: 我使用Sass 3.3.14和Compass 1.0.0.rc.1创建

当我用波旁威士忌创建主题时,我得到了以下错误:

error sass/screen.scss (Line 18 of sass/bourbon/css3/_background.scss: \
$string: linear-gradient(10deg, #217142,#214271) is not a string for `str-slice')
下面是
\u background.scss
中的代码,因为它位于其上:

我使用Sass 3.3.14和Compass 1.0.0.rc.1创建主题,以充分利用波旁威士忌的好处

更新:

(哎呀,我忘了说纯啤酒或苦味啤酒了。我也在用它们。对不起。)

我已经更新了Biters'上描述的文件:


但同样的错误也发生了。

我也有类似的错误

错误(bourbon/css3/_background.scss:$string:linear gradient(#c73b3c,#b8201f)的第18行不是'str slice'的字符串)

添加
@导入“指南针”时在波旁威士忌/纯净酒/苦味酒的工作环境中。移除它修复了问题。在thoughtbot的库之后导入会给出一系列警告,而不是错误,但仍然有效

@import 'bourbon/bourbon';
@import 'base/grid-settings';
@import 'neat/neat';
@import 'base/base';

@import 'custom/custom';

@import 'compass';
问题似乎与$base line height变量有关。 $baseline height设置为
$baseline height 24px
$基线高度设置为<代码>$基线高度:1.5
当罗盘在波旁威士忌后加载时,您会收到一条警告:$基线高度必须解析为像素单位。
因为波旁威士忌将其设定为1.5

如果您尝试添加
$基线高度:24px您得到的命令错误:
(第36行/usr/local/lib/ruby/gems/2.1.0/gems/compass-core-1.0.1/stylesheets/compass/typography//u vertical\u rhytim.scss:不兼容的单位:“em”和“px”)

因为
$base font size
在库之间也存在冲突

我找到的解决方案是如下设置导入:

@import 'bourbon/bourbon';
@import 'base/grid-settings';
@import 'neat/neat';
@import 'base/base';
@import 'custom/custom';

$base-font-size: 16px;
$base-line-height: 24px;
@import 'compass';
现在你们俩在一起玩。我无法在波旁威士忌之前进口指南针的地方工作。我想这种冲突应该在图书馆层面解决(波旁?)

@import 'bourbon/bourbon';
@import 'base/grid-settings';
@import 'neat/neat';
@import 'base/base';

@import 'custom/custom';

@import 'compass';
@import 'bourbon/bourbon';
@import 'base/grid-settings';
@import 'neat/neat';
@import 'base/base';
@import 'custom/custom';

$base-font-size: 16px;
$base-line-height: 24px;
@import 'compass';