ZURB Foundation 6 - Изменения в медиа-запросах

Question

Если вы прочитали документ для ZURB Foundaiton 6 Media Queries, вы обнаружите, что есть некоторые изменения по сравнению с ZURB Foundation 5. У меня мало вопросов о новых функциях, потому что я не понимаю причин, которые привели к изменению ,

1) breakpoint Mixin, в направлении сверху вниз, а не вверх

• Это приводит к жесткому времени во время миграции с версии 5 до версии 6. Почему не существует никакой возможности продолжать использовать также направление вверх?
• В чем причина изменения направления вниз? По-прежнему очень часто встречаются стили, которые отличаются только для небольших устройств, а средние и крупные устройства используют один и тот же стиль (например, меню). Опять же, я не понимаю, почему нет выбора между ключевыми словами вверх и вниз.
• Какое направление лучше с точки зрения мобильного подхода к первому дизайну? Связаны ли эти изменения с этим?

2) MediaQuery.atLeast функция, несогласованность в направлении

• Эта функция сообщает вам, если экран имеет некоторый размер или больше этого размера. Это совершенно противоположное поведение, чем смешение breakpoint (с ключевым словом down). Почему поведение не одно и то, почему у нас нет выбора?

Answer 1

Вы недооцениваете смесь breakpoint. Он уменьшается, если вы явно добавляете ключевое слово down в аргументе mixin. Если вы просто поместите имя точки останова для аргумента, то он будет подниматься с этой точки останова, не требуется дополнительное ключевое слово. Если вы добавите ключевое слово only, это приведет к воздействию этой точки останова.

Это взято прямо из Foundation 6 Docs:

.element { 
    // Only affects medium screens and larger 
    @include breakpoint(medium) { } 
    // Only affects medium screens and smaller 
    @include breakpoint(medium down) { } 
    // Only affects medium screens, not small or large 
    @include breakpoint(medium only) { } 
}