入门与Susy和Compass安装了Ruby on Rails的(Getting Susy and

2019-09-20 19:46发布

我刚开始使用Ruby on Rails和的第一件事我试图做一个是安装宝石指南针和超对称。 搞清楚,我需要它们包括在Gemfile中(我使用的RubyMine,并认为这会为我做的)后,我仍然有失踪“找不到”,“超对称”的错误,当我试图导入到SUSY我css.scss文件之一。

我有红宝石版本1.9.3(194)

和红宝石的宝石版23年8月1日

任何帮助其上的宝石(和版本),我需要在我的包,如何确保他们在项目捆绑获得,是极大的赞赏。

Answer 1:

我在铁轨3.2.7,并使用与Susy(和指南针)这样。

##### 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";

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。

我希望它可以帮助你上手。



文章来源: Getting Susy and Compass installed with ruby on rails