错误编译CSS资产指南针
问题描述:
你好我试图用罗盘按照下进行转换,但我得到一个编译错误,指出“未定义混入背景图片”错误编译CSS资产指南针
#header_toolbar {
height: 40px;
/* The black toolbar gradient :) */
background: #313131; /* Old browsers */
@include background-image(linear-gradient(left top, #313131, #101010));
/*background: -moz-linear-gradient(top, #313131 0%, #101010 100%); *//* FF3.6+ *//*
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#101010)); *//* Chrome,Safari4+ *//*
background: -webkit-linear-gradient(top, #313131 0%,#101010 100%); *//* Chrome10+,Safari5.1+ *//*
background: -o-linear-gradient(top, #313131 0%,#101010 100%); *//* Opera 11.10+ *//*
background: -ms-linear-gradient(top, #313131 0%,#101010 100%); *//* IE10+ *//*
background: linear-gradient(top, #313131 0%,#101010 100%); *//* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#101010',GradientType=0); /* IE6-9 */
}
的Gemfile
# Gems used only for assets and not required
# in production environments by default.
group :assets do
gem 'sass-rails', '~> 3.2.3'
gem 'coffee-rails', '~> 3.2.1'
# See https://github.com/sstephenson/execjs#readme for more supported runtimes
# gem 'therubyracer', :platform => :ruby
gem 'uglifier', '>= 1.0.3'
gem 'compass-rails'
gem "compass", "~> 0.12.1"
end
答
您需要导入混入你的SCSS:
@import "compass/css3/images"
http://compass-style.org/reference/compass/css3/images/
看看这里了解让你在一个地方进口,而不是在每一个SCSS文件中定义他们的想法:http://compass-style.org/help/tutorials/best_practices/
我失去了一些东西,但是当我补充说,行,我得到'发现导入未找到或可读“ – 2012-07-29 11:53:52
你在Gemfile中有什么?你使用罗盘宝石而不是指南针宝石? – 2012-07-29 12:02:06
更新为包含宝石文件 – 2012-07-29 12:40:19