susy-sass - 覆盖嵌套元素的 SUSY 网格装订线

Question

我目前正在使用 SUSY 为我正在开发的网站创建响应式网格系统。

我的 grid.scss 文件看起来有点像这样：

@for $i from 1 to $noOfGridColumns+1 {
    .desktop-#{$i}{
        @include span ($i of $noOfGridColumns);
        @media screen and (max-width:641px){
            @include span ($noOfGridColumns of $noOfGridColumns);
        }
    }

    &:last-child{
        @include span(last $i of $noOfGridColumns);

        @media screen and (max-width:641px){
            @include span ($noOfGridColumns of $noOfGridColumns);
        }
    }
}

但是，当我在另一个 desktop-6 类中使用 desktop-6 类时，我的装订线宽度将变为非嵌套内容的一半。

我理解为什么会发生这种情况，因为一切都是基于列宽的百分比，但是我如何覆盖它或为嵌套 DIV 添加样式以使用两倍宽的装订线？

任何帮助都会很棒。

谢谢