Erreur CSS invalide sur Rails

Je suis en train d'utiliser http://startbootstrap.com/stylish-portfolio dans mon application rails, cependant j'obtiens l'erreur suivante dans mon élégant portefeuille.css.scss.erb fichier:

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

C'est mon fichier 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;
}

...

source d'informationauteur Leo Costa

  1. 35

    Ma conjecture est qu'il vous manque un point-virgule dans le stylish-portfolio.css.scss.erb fichier, peut-être après une SCSS définition de la variable?

    Voici l'original fichier CSS Je suppose que vous êtes en se fondant sur l', peut-être que vous voulez faire un diff entre ça et le vôtre afin de déterminer ce qui a changé.

    Edit: Ouais, apparemment, il manque un point-virgule après la première ligne. Le @import déclaration

    @import 'bootstrap'

    devrait plutôt être

    @import 'bootstrap';

    puisque vous utilisez la .scss extension. Vous pouvez omettre le point-virgule si vous utilisez le .sass extension.