3

私はレール上のルビーから始めたばかりで、最初にやろうとしたことの1つは、宝石のコンパスとスージーをインストールすることでした。それらをgemfileに含める必要があることを理解した後（RubyMineを使用していて、それでうまくいくと思いました）、susyをにインポートしようとすると、「見つかりませんでした」、「susy」エラーが表示されません。私のcss.scssファイルの1つ。

私はルビーバージョン1.9.3（194）を持っています

およびrubygemsバージョン1.8.23

バンドルに必要なgem（およびバージョン）、プロジェクトバンドルに確実に含まれるようにする方法について、ヘルプをいただければ幸いです。

4

1 に答える 1

6

私は 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。

アプリケーション.css.scss

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

screen.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 を使用できるようになりました。

始めるのに役立つことを願っています。

于 2012-08-06T17:30:45.487 に答える