应用程序.css.scss
@import 'compass';
$var: 28em;
@media only screen and (min-width: $var) {
font-size: 120%;
}
当我尝试访问一个页面(正在开发中)时,会发生此 Rails 错误:
Sass::SyntaxError at /today
Invalid CSS after "...nd (min-width: ": expected expression (e.g. 1px, bold), was "$var) {" (in /Users/ben/rails_projects/test_app/app/assets/stylesheets/application.css.scss)
如果我将application.css.scss更改为直接使用28em
,而不是$var
:
@import 'compass';
$var: 28em;
@media only screen and (min-width: 28em) {
font-size: 120%;
}
为什么我无法使用$var
?
我在用着
- 导轨 3.2.11
- 红宝石 1.9.3
- 指南针 0.12.2
- 指南针导轨 1.0.3
- 萨斯 3.1.12
- sass-rails 3.2.3
宝石文件
group :assets do
gem 'sass-rails', '~> 3.2.3'
gem 'coffee-rails', '~> 3.2.1'
gem 'uglifier', '>= 1.0.3'
gem 'compass-rails'
end