Как добавляют @media в SCSS?

Question

[Коля]

Как добавляют media (max-width: ...px) в SCSS? Попробовал добавить как в CSS в конце файла, не получается из-за вложенности, а добавлять после каждого элемента media (max-width: ...px) не удобно.

Comments

[posters]

С этим плагином gulp-group-css-media-queries медиа запросы можно писать как удобно и где угодно в SCSS файле. В итогом css все равно они будут там где нужно, т.е. в конце файла.

[Ankhena]

не получается из-за вложенности

Вас никто не заставляет делать огромную вложенность.
Обычно двойной за глаза и за уши.

Попробовал добавить как в CSS в конце файла,
...
а добавлять после каждого элемента media (max-width: ...px) не удобно.

Делайте как удобно.
Нет никакого приказа "делай только так".
Для повышения удобства можете сделать миксин.

В сборке все медиа должны оказаться внизу файла.