SASS /指南针 - 覆盖|删除|取消混合/包含

Question

我尝试使用SASS和Compass设置移动优先工作流程。

因此，我想通过http://compass-style.org/reference/compass/typography/lists/horizontal_list/

为导航定义ul＆gt; li horizo​​ntal-inline-list

我包括：

nav.mainnav ul {
        @include horizontal-list(1rem);
}

到目前为止一切正常。但是，当我将断点用于更大的屏幕时，如何摆脱这种情况呢？

@include breakpoint($large){
    nav.mainnav  ul {
        // I want to delete the include here
    }
}

是否有一种简单的方法可以执行此操作，还是必须手动覆盖样式？

Answer 1

在这种情况下，首先移动不是您的最佳选择。

@media (max-width: 20em) { // whatever your desired breakpoint is
    nav.mainnav ul {
        @include horizontal-list(1rem);
    }
}

现在您不需要覆盖样式。