title: SASS Invalid CSS error on Rails
body: <p>I'm trying to use <a href="http://startbootstrap.com/stylish-portfolio">http://startbootstrap.com/stylish-portfolio</a> in my rails app however I'm getting the following error in my stylish-portfolio.css.scss.erb file:</p>
  
  <pre><code>ActionView::Template::Error (Invalid CSS after "body ": expected selector or at-rule, was "{"
  </code></pre>
  
  <p>This is my css file:</p>
  
  <pre><code>@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;
  }
  </code></pre>
  
  <p>...</p>