include - SASS / 指南针 - 覆盖 | 删除 | 未设置 Mixins / 包含

Question

我正在尝试使用 SASS 和 Compass 建立移动优先的工作流程。

因此，我想通过http://compass-style.org/reference/compass/typography/lists/horizo​​ntal_list / 为导航定义一个 ul>li 水平内联列表

包括我：

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);
    }
}

现在您不需要覆盖样式。