Ruby on rails 为什么Compass@import不能在Rails中工作?
测试app/app/assets/stylesheets/application.css.scssRuby on rails 为什么Compass@import不能在Rails中工作?,ruby-on-rails,ruby-on-rails-3,compass-sass,Ruby On Rails,Ruby On Rails 3,Compass Sass,测试app/app/assets/stylesheets/application.css.scss @import 'compass'; @import 'variables'; @media only screen and (min-width: $breakpoint-medium-additional-width) { @import 'partials/medium-additional'; } $breakpoint-medium-additional-width: 28em;
@import 'compass';
@import 'variables';
@media only screen and (min-width: $breakpoint-medium-additional-width) {
@import 'partials/medium-additional';
}
$breakpoint-medium-additional-width: 28em;
测试app/app/assets/stylesheets/\u variables.scss
@import 'compass';
@import 'variables';
@media only screen and (min-width: $breakpoint-medium-additional-width) {
@import 'partials/medium-additional';
}
$breakpoint-medium-additional-width: 28em;
当我尝试访问页面(正在开发中)时,会出现以下Rails错误:
Sass::SyntaxError at /
Invalid CSS after "...nd (min-width: ": expected expression (e.g. 1px, bold), was "$breakpoint-med..." (in /Users/ben/rails_projects/test_app/app/assets/stylesheets/application.css.scss)
为什么$breakpoint中等附加宽度设置不正确
我正在使用
- 轨道3.2.11
- ruby 1.9.3
- 罗盘0.12.2
- 罗盘导轨1.0.3
我认为您的代码有误。我创建了一个新的rails项目,它很适合我
app/assets/stylesheets/_variables.scss
$breakpoint-medium-additonal-width: 28em;
app/assets/stylesheets/application.scss
@import 'compass';
@import 'variables';
@media only screen and (min-width: $breakpoint-medium-additonal-width) {
font-size: 120%;
}
输出application.css
@media only screen and (min-width: 28em) {
font-size: 120%;
}
您在附加
中有输入错误,但这不是问题所在。此外,导入正在工作,否则您将收到无法导入文件的错误。@Sevensacat修复了错误,谢谢。如果您将测试应用程序发布到github上,我可以诊断谢谢,我现在意识到@import正在工作。尽管仍有一些地方出了问题,但我将创建一个新问题,以防止这个问题变得混乱。