IntelliJ 12将不会拉入Sass变量

我有一个非常基本的Ruby on Rails安装。我已经安装了bootstrap-sass宝石，在我的Gemfile中有'bootstrap-sass' ~> 2.3.1.0，并运行了bundle install。重新启动所有应用程序。我在应用程序>资产>样式表中有style.css.scss文件，其中@imports 'bootstrap';以及响应式。这些样式实际上被拉到我的应用程序，因为他们风格的前端。但是，当我尝试使用变量或mixin时，出现附加图像中的错误，以及IntelliJ告诉我无法找到该变量。我在整个过程中都是新手，所以我只是想了解解决问题需要什么。IntelliJ 12将不会拉入Sass变量

我使用Ruby 2.0.0和Rails的这里3.2.13rc2

https://docs.google.com/file/d/0BwMz3RH42HtQb0U1TXdHTVF0QjQ/edit?usp=sharing

@import "bootstrap"; 

body { 
    padding-top: 60px; 
} 

@import 'bootstrap-responsive'; 

.footer { 
    margin-top: 50px; 
    color: $greyLight; 

    a { 
     color: #e5e5e5; 
    } 
}

是对heruko现场开发站点的链接，而无需使用的变量：

http://shrouded-ocean-4277.herokuapp.com/

编辑：在我的供应商/ assets/stylesheets文件夹中，没有引导文件夹或_mixins或_variables文件。如果在将Gem放入Gemfile并进行软件包安装时安装了这些软件吗？

编辑：加入我的github：https://github.com/ChrisSki/omrails

来源

2013-03-20 chris_s

你可以发布'style.css.scss'这部分使用变量吗？ – 2013-03-20 20:54:59

@Nebelmann有什么想法？ – 2013-03-21 01:05:28

关于您的编辑，bootstrap将不在vendor中，而是位于Ruby安装内的某个.gem文件中。

我最近设置了一个类似的应用程序，跟在this guide之后。我有2 .css.scss文件，其中一个为includes and overrides parts of bootstrap，另一个包含my application's style（与Bootstrap无直接关系）。如果你看第二个文件，你可以看到我导入了，因为我需要访问Bootstrap的一些变量，并且它像一个魅力。

我不明白为什么你的原始屏幕截图会抱怨一些名为variables，这是我在SCSS文件中看不到的......你是否试过而不是？

编辑：

我只是克隆你的回购协议，启动服务器和黑客攻击style.css.scss。我认为你在你的测试中犯了一个错字:)

h1 { 
    color: $greyLight; /* Does not work!! */ 
    color: $grayLight; /* Works :) */ 
}

来源

2013-03-21 09:03:54

我更新了我的链接以反映更精确的错误。我不知道我是如何抓住另一个。我已经尝试过'@import'引导程序/变量'，我仍然没有把它们拉进去。我用我的github也更新了我的问题。 – 2013-03-21 13:24:41

O ... M ... G。我想删除这篇文章。谢谢。我显然需要学习如何放慢速度，并更多地关注较小的细节。 – 2013-03-21 13:50:46

使用force，~~Luke~~ Chris！我认为IntelliJ将提供有关可用SASS变量的正确自动完成。 – 2013-03-21 14:06:29

导入引导之前，您应该声明变量，那么您可以在您的SCSS使用的变量。例如，下面就是我在我的Rails应用程序中使用的变量：

/************************ CSS Variables ***************************/ 
$myColor: #0F851C;  

/************************ Import Bootstrap ********************************/ 
@import 'bootstrap'; 
body { padding-top: 80px; } 
@import 'bootstrap-responsive';

你SCSS顶部只要定义的变量，然后导入引导。然后在你的scss中，你可以使用像这样的变量：

#myDiv { 
    color: $myColor; 
}

希望这有助于！

来源

2013-03-21 01:49:01 Clay

我完全理解它，我只是认为通过安装bootstrap-sass gem，它允许访问引导混入和变量。 BC这是允许更快生产的主要部分。例如，如果此样式表不导入它们，我将如何访问用于圆角的混合？ – 2013-03-21 02:39:28

IntelliJ 12将不会拉入Sass变量

回答

相关问题