Question

您好我试着用codekit开始蠢蠢欲动。我已经安装了最新的codekit版本（1.26），我还通过终端安装了最新版本的sass和指南针。在Codekit中我切换到使用终端中安装的外部版本的指南针。根据Codekit dev，目前是必要的，因为对于罗盘扩展，内部代码套件罗盘版本是外部的，这导致一些依赖性问题。然后我从github.in下载了我的项目的config.rb文件中的最新压缩版本的susy我已经为susy的普通解压缩版本设置了一个要求：

require "/Users/danton/Documents/Coding/Templates/Compass/susy-d6a2a1f/lib/susy.rb";

并在我的scss文件中：

@import 'susy';

在我设置的整个页面的包装div中：

.wrapper {
    width: 100%;
    @include container;
    @include susy-grid-background;
    @include bleed;

}

Bleed是Eric在这里发布的混音。直到那里一切看起来都很好而且还可以。我得到了susy网格背景，并且在出血混合中，元素在整个页面宽度上被拉伸。但是当我尝试添加“span-columns”时，codekit在编译时吐出错误：

error style.scss (Line 24 of _layout.scss: Undefined mixin 'span-columns'.)

与_layout.scss中的susy相关的代码如下所示：

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

@mixin bleed($padding: $grid-padding, $sides: left right) {
  @if $sides == 'all' {
    margin: - $padding;
    padding: $padding;
  } @else {
    @each $side in $sides {
       margin-#{$side}: - $padding;
       padding-#{$side}: $padding;
    }
  }
}

.testcol { @include span-columns(18,24); }

我是否还必须在终端中安装susy，而不是仅仅链接到未压缩的zip文件或者最好的方法来处理事情。仍然不确定导致编译错误的原因是什么？我用过的代码？ codekit？超对称？如果有人提示如何让事情发挥作用那就太好了。提前致谢。河

将Susy与Codekit一起使用

0 个答案: