SASS/Компас — перезаписать | Удалить | Отключить миксины / включить

Я пытаюсь настроить мобильный рабочий процесс с помощью SASS и Compass.

Поэтому я хочу определить для навигации горизонтальный встроенный список ul>li через http://compass-style.org/reference/compass/typography/lists/horizontal_list/

Я включен:

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

Пока все работает нормально. Но как я могу избавиться от этого включения, когда я нацеливаю свою точку останова на большие экраны?

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

Есть ли простой способ сделать это или мне нужно переопределить стили вручную?


person DVJF    schedule 31.10.2014    source источник
comment
Связанный: stackoverflow.com/questions/12505378/   -  person cimmanon    schedule 31.10.2014


Ответы (1)


В этом случае сначала мобильные устройства — не лучший вариант.

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

Теперь вам не нужно переопределять стили.

person cimmanon    schedule 31.10.2014