覆盖嵌套元素的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添加样式以使用两倍宽的装订线？

任何帮助都会很棒。

由于