Куда лучше засунуть медиаквери, используя Pug&Sass?

Question

[myaca]

При верстке какого-либо лендинга, к примеру, я разбиваю все секции на отдельные файлы .pug и на соответсвующие им файлы .scss. Так вот, мне интересно, куда лучше засунуть media для адаптива?

Писать их в те же файлы .scss мне кажется не очень красиво... Возможно, стоит их выкинуть в отдельный файл со всем адаптивом?

Как вы делаете в своих проектах?

Comments

[Иван]

я пока учусь,но у меня отдельный файл _media.scss

[Ilya]

scss позволяет писать прям там же в блоке:

&__link-wrapper
			text-align: center
			padding: 0
			&_menu
				text-align: left
				@include media-breakpoint-up(lg)
					display: none
		
		&__personal
			display: flex
			align-items: center
			justify-content: flex-end
			@include media-breakpoint-down(xs)
				.header__link
					display: none
			
			.header-topline__link-icon_singin
				margin-right: 0.5*$spacer
				color: $colorGreen

[myaca]

Илья: я понимаю, что можно писать прямо в блоке, однако я думал, что в отдельном файле предпочтительнее.

[Ilya]

myaca: так не путаешься и работа идет быстрее, проверено)

[myaca]

Илья: понял, хорошо, спасибо вам за ответ, буду следовать такому принципу в таком случае.

Answer 1

[Владислав Грудин]

Я пишу запросы прямо в блоках и galp'ом их объединяю (gulp-combine-mq). Менее красиво, конечно, но зато не путаешься в целой простыне запросов, находящихся в отдельном файле)