Куда помещать медиа-запросы CSS3?

Я веду философские дебаты с самим собой по поводу лучшего места для размещения медиа-запросов в таблицах стилей. Я пытаюсь структурировать свой CSS модульно (, например, OOCSS или SMACSS и т. д. ). Учитывая этот контекст, я вижу два варианта:

  1. Поместите все медиа-запросы в отдельную таблицу стилей или раздел основной таблицы стилей.
  2. Поместите медиа-запросы ниже их базовых аналогов. Например, если у меня есть модуль под названием «Элемент новостей -», я могу поместить любые необходимые стили медиа-запросов прямо под определением этого модуля.

Я склоняюсь ко второму варианту, но это означало бы, что у меня будет гораздо больше отдельных медиа-запросов (отдельных запросов для каждого логического блока CSS, требующих адаптивной настройки ).

Есть мысли по этому поводу?

6
задан Matt Fordham 3 July 2012 в 22:35
поделиться