问题标签 [scout-sass]

我第一次尝试使用 Scout/Compass GUI 对我的煎茶项目进行主题化，因为我不熟悉 ruby​​ 和命令行。
我已经安装了 Scout，然后我创建了一个新的 scss 文件形式，将其复制为默认文件并重命名它。
之后，我修改了 index.html 以包含新的 css 文件。
还有一个任务要完成：编译我的主题

请看下图：

运行后我得到以下日志：

我没有认识到错误。
请帮助我。谢谢

我在 Windows 7 上使用 Scout 应用程序来轻松使用 SASS/Compass。我在尝试自定义 Scout 应该使用的图像路径时遇到了一些令人难以置信的烦人体验。

Scount 配置 UI 实际上提供了一个字段来设置我的图像路径，因此我将其设置为如下内容：

c:\我的项目\img

接下来我在我的 .SCSS 文件中使用一个规则，例如：

这编译成具有如下图像路径的 CSS：

/images/img/bg_skin.png

这显然破坏了我的图像路径。我想我在这里错过了为什么我可以选择设置路径的逻辑，之后无论如何它都会被完全否决。

随着越来越多的用户似乎遇到此问题，发布了更新：

http://www.continuousthinking.com/2012/05/14/scoutapp-0-6-0-rc1.html

此更新允许创建自定义配置文件来设置路径等，然后将使用这些文件。所以我创建了那个文件并告诉 Scout 使用它：

这会编译成 CSS 中的图像路径，如下所示：

/../img/bg_skin.png

注意前导斜杠。用户配置的路径再次被否决，再次破坏了我的路径。我要做的就是告诉 Scout 使用我的“img”目录。这让我发疯。

I'm on Windows 7 making use of the Scout app for convenient SASS/Compass compilation without the hassle of configuring it all:

http://mhs.github.com/scout-app/

I've set it up to monitor my scss folder and to output main.css to my css folder, and it works. However I am having a very frustrating time at times on an issue that seems related to the order in which things are saved.

For example, I have a rule like this:

This creates a background consisting of two layered PNGs with a semi-trasparent gradient applied to it. On older browsers, a base color and single PNG is applied. In normal circumstances, this would create the follow CSS. Note that the above generates dozens of lines, I'm only showing the one relevant for now:

All is well. In this same file, which is my main scss file, at the end I am importing a partial like this:

When I make a change to that partial file (_tablet.scss), Scout will detect it and recompile everything. However, in doing so it suddenly results in a different rule concerning the background rule I mentioned earlier:

It is now creating a gradient from 0 to 0, rather than from 0 to 0.4! Out of the blue.

I have found that editing my main.scss file again and saving it, once again leads to the correct gradient rule, yet then it messes up similar rules in the parial. Resaving the partial file will fix the partial CSS but then it messes up the main rules again. It's a total deadlock situation.

What I want is for both my main SCSS and partial SCSS files to be compiled correctly. I can live with a situation in which I need to save these files in a certain order, but right now every order leads to the wrong result.

Is this a common problem or is it a setup problem? Any suggestions?

我正在使用Scout做一些前端工作。

我知道Compass有一些我们可以导入的内置 mixin，例如：

侦察兵呢？有很多片段使用这些 @import 函数，我不确定Scout是否已经拥有它们，还是我应该自己编写它们？

我已经安装了 Ruby 和http://mhs.github.com/scout-app/来编译 sass 文件。在 sublime text 2 中，我创建了一个文件并尝试编写样式表。

它不适合我。

如这篇文章http://screencasts.org/episodes/introduction-to-sass所示，我在编辑器中编写代码。

这对我不起作用。有人帮助我如何编译它。这是错误

我刚开始使用带有 GUI 侦察功能的指南针。我正在尝试跟随演示，对@import 有点困惑。当我执行 @import "compass" 时，一切都编译得很好。但是，当我尝试导入 compass/scss/_normalize.scss 中的 @import "scss/normalize" 时，我得到了

在 14:59:07 检测到更改为：screen.scss 错误 screen.scss（第 2 行：“@import “compass”之后的无效 CSS：预期的选择器或 at-rule，是“@import”scss/n... ") 覆盖 screen.css

@import "compass" 到底在做什么？那是在导入什么文件？或者是我在程序文件中安装 scout 的文件夹？

我安装了指南针，但无法正确编译为 css。我不知道是什么原因造成的。即使你stackoverflow要求我写更多。

1. 安装侦察兵。
2. 创建简单的css和html文件。
3. 试图编译css文件。
4. 有错误。
5. 在谷歌上找不到答案。

我的CSS：

输出：

请帮助并提前感谢您的回答。

我使用Scout作为 SASS 编译器。我想知道是否有办法配置 Scout 以使用 DevTools Sass 支持。（保存时自动重新加载 css）。我假设安装 Scout 应该在我的机器上安装 Compass 和 SASS。当我在终端中尝试“指南针”时，我得到“指南针：找不到命令”。

我必须单独安装 sass 才能正常工作吗？

非常感谢！

这是我关于 SO 的第一个问题，所以如果我没有正确遵守指南，请告诉我。

我正在尝试在 Zurb 的 WordPress 主题 WP-foundation 上本地工作。我已经下载了 WP 并将其安装在 MAMP 的 htdocs 文件夹中，并下载了 WP-foundation 主题并将其粘贴到主题文件夹中。我能够设置数据库并设置配置文件。所有这些似乎都运行良好。

我想使用 Scout 应用程序在 SCSS 中工作。我这样设置 Scout：

当我告诉 Scout 开始寻找更改时，我收到以下错误消息：

我对 MAMP 和 Ruby 还很陌生，所以任何关于出现问题的指导都会非常有帮助。我可能离基地很远，但看起来 Scout 应用程序缺少一些指南针文件。

再次感谢，让我知道是否有更好的方式可以与 SO 社区进行交互。

侦察兵甚至不会开始。我尝试了一堆不同的配置（设置配置文件的路径）。但没有任何效果。很奇怪，我知道该项目可以在我的工作计算机上与 Scout 一起使用，但在家里却不行。有小费吗？