0

アプリケーション.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
  • サスレール3.2.3

Gemfile

group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'uglifier', '>= 1.0.3'
  gem 'compass-rails'
end
4

1 に答える 1

0

マニフェスト ファイルのプレフィックスを付けないようにすることをお勧めしますapplication.css。スタイルを追加する場合は、いずれかのディレクトリに新しいcss.scssファイルを作成assetsし、マニフェスト ファイルでそれを要求します。このガイドには、アセット パイプラインを扱うための重要なルールがいくつかあります。

于 2013-01-22T17:10:46.383 に答える