include - SASS / コンパス - 上書き | 削除 | ミックスインの設定解除 / インクルード

Question

SASS と Compass を使用してモバイル ファーストのワークフローを設定しようとしています。

したがって、ナビゲーション用にhttp://compass-style.org/reference/compass/typography/lists/horizo​​ntal_list / を介して ul>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);
    }
}

これで、スタイルをオーバーライドする必要がなくなりました。