Оформление media стилей?

Question

[desuvin]

Возможно глупый вопрос, но интересно к какому формату пришли профессионалы данного ресурса.
Есть адаптивный сайт, все адаптивные стили разумеется пишутся в media, но куда именно?
Вы создаете отдельный style_320.css для этого и подключаете? Или же просто вставляете media прямо в стиль класса(допустим с breakpoints sass)

Answer 1

[tim_tairan]

Оформляем в отдельный файл и вешаем его выше вашего main.css

Comments

[desuvin]

Это быстрее, чем в одном с помощью препроцессора или просто привычка?

[tim_tairan]

desuvin: Привычка и удобство. Не встречал просто ещё таких проектов что бы из за css была большая нагрузка.

[desuvin]

Я просто вижу другую проблему, а не в нагрузке. Если писать media max width 800px, следом за ним max-width 500px. И допустим в первом указать .services .list .item {
а во втором .services .item {
то первый перебьет второй и надо писать !important

При использование препроцессора такого не возникло бы, но брекпоинты надо будет ставить у каждого селектора.