SASS在Rails上无效的CSS错误

Question

我正在尝试在我的rails应用程序中使用http://startbootstrap.com/stylish-portfolio但是我的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;
}

...

Answer 1

我的猜测是你在stylish-portfolio.css.scss.erb文件中缺少分号,可能是在SCSS变量定义之后？

这是原始的CSS文件,我假设你是基于这个,也许你想diff在它和你之间做一个以确定改变了什么.

编辑:是的,显然第一行后有一个缺少的分号.该@import声明

@import 'bootstrap'

应该是

@import 'bootstrap';

因为您正在使用.scss扩展程序.如果使用.sass扩展名,则可以省略分号.