Sass недопустимая ошибка CSS на рельсах

Я пытаюсь использовать http://startbootstrap.com/stylish-portfolio в моем приложении rails, однако, я получаю следующую ошибку в своем стильном портфолио.стиль 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;
}

...

9
css html ruby-on-rails sass twitter-bootstrap

1 ответов

Я думаю, что вам не хватает точки с запятой в stylish-portfolio.css.scss.erb файл, возможно, после определения переменной SCSS?

вот оригинальный файл CSS Я предполагаю, что вы, опираясь на это, может быть, вы хотите сделать diff между тем и вашим, чтобы определить, что изменилось.

Edit: видимо, не хватает запятой после первой строки. The @import сообщении

@import 'bootstrap'

должна а не будь

@import 'bootstrap';

если вы используете

35