Можно ли так прописывать медиа запросы (media queries )?

Question

[igix]

Добрый.

Использую для верстки препроцессор SASS (scss).
Для media queries испльзую миксины типа того:

@include resp (xs) {
        padding-top: 50px;
    }

Т.к. адаптив делаю сразу после верстки секции, то и медиа запросы пишу тут же - сразу после блока, тега и т. д.
Получается как-то так:

.header-email {
   @include resp (xs) {
      display: none;
   }
   @include resp (xs_1) {
      display: none;
  }
}

Можно ли (допускается ли) сразу прописывать медиа запросы вместе с scss кодом секции или ОБЯЗАТЕЛЬНО в конце файла / в отдельном файле?
Очень не нравится переносить код в другое место (дублировать) и там уже писать медиа запросы.

Спасибо!

Answer 1

[Александр Симонов]

Главное чтобы был единный стиль, если так делают все и ввезде, то вполне хорошее решение.

Answer 2

[Lam Besis]

Если вы используете sass и не допускаете в остальных местах кода каких-то переопределений, то такие медиа запросы отличное решение.
Обязательно писать медиа запросы в конце файла стоит если никакие препроцессоры не используются.
UPD: Sass рекомендует делать медиа запросы именно так