Sass 进口罗盘CSS3与基础混合

我有安装和工作的基础，但是我想在同一个项目中使用指南针CSS3混合器，但似乎不知道如何把它们包括进去。 我认为指南针已经安装好了，因为我在建立地基之前就进入了：

gem安装compass

当使用SASS时，我将

compass watch

运行到项目文件夹中。所有的基础混合似乎编纂SCSS罗盘.. < /P> 我创建了一个新的compass项目并合并了SCSS文件，然后尝试添加：

@import "compass/css3"

---

< >对于在命令行中运行或添加到文件中访问这些混合器的任何帮助，将非常感谢。

如果您使用基础4的SAS/RooX版本，并使用

创建项目

compass创建myproject-r zurb基金会——使用基金会

然后将

@import“compass/css3”

添加到文件顶部的

样式表/app.scss

这允许您使用文件中的任何选项，例如：

.myclass {
  @include border-radius(12);
}

进行更改后，必须在项目目录中运行

compass watch

或运行

compass compile

，以生成新的css

@import

正在加载库，

@include

是在类中生成css的方法

更新：

我正在显示一个已修改的

app.scss

文件（已截断），以便您可以看到我是如何进行修改的：

// Global Foundation Settings
@import "settings";

// Comment out this import if you don't want to use normalize
@import "normalize";

// Comment out this import if you are customizing you imports below
@import "foundation";

// Import Compass CSS3 Stuff
@import "compass/css3";

// Import specific parts of Foundation by commenting the import "foundation"
// and uncommenting what you want below. You must uncomment the following if customizing

// @import "foundation/components/global"; // *always required
// ...
// @import "foundation/components/dropdown";

.myclass {
  @include border-radius(12);
}

它在

样式表/app.css

中生成以下内容：

/* line 52, ../sass/app.scss */
.myclass {
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  -ms-border-radius: 12;
  -o-border-radius: 12;
  border-radius: 12;
}

---

在项目目录中，我再次输入了

install compass

，结果成功了

在项目中的某个时候，我要么输入错误，要么按错误的顺序或目录输入

我认为指南针本身已经安装了，因为我已经安装了基础，但是即使是，文件也不能在项目内访问。

---

之后，可以通过我之前在SCSS文件“Compass/css3”中设置的路径使用指南针。

感谢您的建议！我试过了，收到了一个无效的语法错误，说“预期的选择器或at规则”。我确信compass watch正在运行，因为在保存scss文件时css正在更改。有什么想法吗？我用一个例子更新了我的答案。如果这仍然不起作用，可能会发布您的

config.rb

文件。感谢您的建议，这不是问题所在，但它有助于确认我的SCSS文件是正确的，问题在于路径。在项目目录中，我刚刚输入了“InstallCompass”，这是我之前做的，但可能是在错误的位置或顺序。