ruby-on-rails - 使用 ruby​​ on rails 安装 Susy 和 Compass

Question

我刚开始使用 ruby​​ on rails，我尝试做的第一件事就是安装 gems compass 和 susy。在弄清楚我需要将它们包含在 gemfile 中之后(我正在使用 RubyMine 并认为它会为我做)，当我尝试将 susy 导入时，我仍然缺少“找不到”，“susy”错误我的 css.scss 文件之一。

我有 ruby​​ 版本 1.9.3 (194)

和 ruby​​ gems 版本 1.8.23

对于我的 bundle 中需要哪些 gem(和版本)以及如何确保它们进入项目 bundle 的任何帮助，我们将不胜感激。

Answer 1

我在 rails 3.2.7 上，像这样使用 Susy(和 Compass)。

##### Gemfile:
group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'
  gem 'compass-rails'
  gem 'susy', git: "git://github.com/ericam/susy.git"
  gem 'uglifier', '>= 1.0.3'
end

然后我有几个不同的 css 文件。application.css.scss、screen.css.scss 和 _base.scss.css。

application.css.scss

#### application.css.scss:
@import "screen";
# Here you import your normal .scss files as well, like:
# @import "products";

屏幕.css.scss

#### screen.css.scss
// ---------------------------------------------------------------------------
// Imports
@import "compass";
@import "base";

/* -------------------------------------------------------------------------*/
/* Layout */
// Here you can add layout styling or whatever... :)

_base.css.scss

// ---------------------------------------------------------------------------
// Imports

@import "susy";

// ---------------------------------------------------------------------------
// Basic Grid

$total-columns  : 12;
$column-width   : 4em;
$gutter-width   : 1em;
$grid-padding   : $gutter-width;

$show-grid-backgrounds  : true;

就是这样。现在，您可以在 application.css.scss 中导入的所有 scss 文件中使用 Susy。

我希望它能帮助你开始。