Sass Susy 2.0.0.alpha.6-未定义的混合和#x27;在断点处'';去除第n个ω';

Sass Susy 2.0.0.alpha.6-未定义的混合和#x27;在断点处'';去除第n个ω';,sass,susy-compass,compass-sass,Sass,Susy Compass,Compass Sass,使用: 苏西(2.0.0.alpha.6) sass(3.3.0.rc.2) 罗盘(1.0.0.alpha.17) 使用以下SCS: $susy: ( columns: 12, column-width: 5em, gutter-width: 1em, gutter-position: after, grid-padding: gutter-width, ); $small: 36em; $medium: 50em; $large: 65em; .

使用:

  • 苏西(2.0.0.alpha.6)
  • sass(3.3.0.rc.2)
  • 罗盘(1.0.0.alpha.17)
使用以下SCS:

$susy: (
    columns: 12,
    column-width: 5em,
    gutter-width: 1em,
    gutter-position: after,
    grid-padding: gutter-width,
);

$small: 36em;
$medium: 50em;
$large: 65em;

.hlt-container{
    @include at-breakpoint($small) {
        @include span(6);
        @include nth-omega(2n);
        margin-bottom: gutter(12);
    }

    @include at-breakpoint($small $large) {
        &:last-child:nth-child(odd){
            float: none;
            clear: both;
            margin-right: auto;
            margin-left: auto;
        }
    }

    @include at-breakpoint($large) {
        @include span(4);
        @include remove-nth-omega(2n,12);
        @include nth-omega(3n);
        margin-bottom: 0;
    }
}
我首先得到一个错误:
error source/scss/style.scss(source/scss/01 moleculars/02 blocks的第10行/_00-highlight-block.scss:未定义的“在断点处”混合)。

如果我删除断点处的
样式,它将继续移动,并在
删除第n个omega时再次阻塞:
error source/scss/style.scss(source/scss/01 moleculars/02 blocks/02-highlight-block.scss的第26行:未定义的mixin'remove nth omega'。

我搜索了所有文档,用谷歌搜索了我能想到的一切,但似乎没有找到问题,比如断点处的
删除第n个omega
被Susy Next弃用

编辑:

如果我改回

  • 罗盘(0.12.2)
  • sass(3.2.12)
  • 苏西(1.0.9)
(感谢上帝为RVM和Gemests提供的服务)

并还原.scss以反映较旧的Susy语法:

$columns: 12;
$column-width: 5em;
$gutter-width: 1em;
$gutter-position: after;
$grid-padding: $gutter-width;

$small: 36em;
$medium: 50em;
$large: 65em;

.hlt-container{
    @include at-breakpoint($small) {
        @include span-columns(6,12);
        @include nth-omega(2n);
        margin-bottom: gutter(12);
    }

    @include at-breakpoint($small $large) {
        &:last-child:nth-child(odd){
            float: none;
            clear: both;
            margin-right: auto;
            margin-left: auto;
        }
    }

    @include at-breakpoint($large) {
        @include span-columns(4,12);
        @include remove-nth-omega(2n);
        @include nth-omega(3n);
        margin-bottom: 0;
    }
}

一切正常。

是的,这两种mixin在Susy 2.0中都被弃用,因此在alpha中都不可用。我们还没有建立一个干净的升级路径,但我保证会有一个。

如果您想使用旧的susy语法,请编写:

// With Susy 2 installed...
   @import "susyone";
而不是

// With Susy 2 installed...
   @import "susy";

我在断点处遇到了同样的问题,一旦我切换到断点,它就很好了。>

好的,谢谢你的回复。在Susy 2.0中,这些不推荐使用的mixin是否有等价物?我希望继续使用它并熟悉它,而不是回到1.0。目前还没有直接的等价物。(1) 对于断点处的
,我们正在进行与的集成。看。(2) 
nth omega
remove nth omega
都被简单地删除,因为它们最终比它们所替换的代码更复杂。相反:在sass中编写第n个子选择器,然后在其中包含omega。(3) 我认为阿尔法中还不存在去除欧米茄的方法。应该有一个问题提交。(4) 对于1.x用户来说,升级路径更加顺畅。