在轨道上安装Susy和指南针[英] Getting Susy and Compass installed with ruby on rails

本文是小编为大家收集整理的关于在轨道上安装Susy和指南针的处理方法,想解了在轨道上安装Susy和指南针的问题怎么解决?在轨道上安装Susy和指南针问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

我只是从Ruby on Rails开始,我尝试做的第一件事就是安装Gems Compass和Susy.在弄清楚我需要将它们包括在Gemfile中(我正在使用Rubymine并认为它会为我做)之后,当我试图将Susy进口到Susy中时,我仍然缺少"找不到"," Susy"错误我的CSS.SCSS文件之一.

我有Ruby版本1.9.3(194)

和Ruby Gems版本1.8.23

对我所需的宝石(和版本)的任何帮助,如何确保它们进入项目捆绑包,非常感谢.

推荐答案

我在Rails 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 and _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.

我希望它可以帮助您入门.

本文地址:https://www.itbaoku.cn/post/786796.html