web-dev-qa-db-ja.com

RailsのSASS無効なCSSエラー

Railsアプリで http://startbootstrap.com/stylish-portfolio を使用しようとしていますが、スタイリッシュなポートフォリオで次のエラーが発生します.css.scss.erbファイル：

ActionView::Template::Error (Invalid CSS after "body ": expected selector or at-rule, was "{"

これは私のcssファイルです：

@import 'bootstrap'

/* Global Styles */

html,
body {
  height: 100%;
  width: 100%;
}

.vert-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.vert-text h1 {
  padding: 0;
  margin: 0;
  font-size: 4.5em;
  font-weight: 700;
}

.。

htmlcssruby-on-railstwitter-bootstrapsass
11
Leo Costa

私の推測では、おそらくSCSS変数定義の後で、stylish-portfolio.css.scss.erbファイルにセミコロンがありませんか？

これが元のCSSファイルです これはあなたがこれに基づいていると思います。おそらくあなたはそれとあなたの間でdiffを実行して、何が変わったかを判断したいと思うでしょう。

編集：うん、最初の行の後にセミコロンがないようです。 @importステートメント

@import 'bootstrap'

代わりに

@import 'bootstrap';

.scss拡張子を使用しているため。 .sass拡張子を使用している場合は、セミコロンを省略できます。

42
lime