1

嗨，我尝试使用 codekit。我已经安装了最新的 codekit 版本（1.26）除了我还通过终端安装了最新版本的 sass 和 compass。在 Codekit 中，我切换到使用安装在终端中的外部版本的指南针。根据 Codekit 开发人员的说法，目前这是必要的，因为对于指南针扩展，内部代码包指南针版本是外部的，这会导致一些依赖性问题。然后我从 github 下载了最新的 susy 压缩版本。在我的项目的 config.rb 文件中，我为 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 在这里发布的 mixin。直到那里一切看起来都很好。我得到了 susy 网格背景和 bleed mixin，元素被拉伸到整个页面宽度。但是，当我尝试添加“跨列”代码包时，编译时会出现错误：

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 文件或如何才能使事情顺利进行。仍然不确定是什么导致编译错误？我用过的代码？代码包？苏西？如果有人提示如何使事情正常进行，那就太好了。提前致谢。河。

4

0 回答 0