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

Question

myaca @myaca

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

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

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

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

Вопрос задан более трёх лет назад
339 просмотров

5 комментариев

Подписаться 3 Оценить 5 комментариев

Иван @Za0r

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

Написано более трёх лет назад

Ilya @kristenstewartdadada

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 @myaca Автор вопроса

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

Написано более трёх лет назад
Ilya @kristenstewartdadada

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

Написано более трёх лет назад
myaca @myaca Автор вопроса

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

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 3 часа назад
- 16 просмотров
0

ответов
HTML

+1 ещё

Средний
Как поместить картинку рядом с текстом?
- 1 подписчик
- 7 часов назад
- 52 просмотра
1

ответ
HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 3 подписчика
- 15 часов назад
- 420 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему верхние и нижние внешние отступы пустого блока не схлопываются?
- 2 подписчика
- вчера
- 200 просмотров
4

ответа
HTML

+1 ещё

Простой
Почему пустой div смещается, если ему задать margin-bottom?
- 2 подписчика
- вчера
- 180 просмотров
1

ответ
Фронтенд

+2 ещё

Простой
Как правильно разделить frontend и backend на проекте с переездом на другой стек?
- 2 подписчика
- вчера
- 128 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать появление баннера от определенной высоты?
- 3 подписчика
- 22 апр.
- 588 просмотров
1

ответ
Gulp.js

+1 ещё

Простой
Не применяются стили scss. Что делать?
- 1 подписчик
- 21 апр.
- 91 просмотр
0

ответов
HTML

+1 ещё

Простой
Как сделать, что бы кнопка при ховере увеличивала ширину?
- 1 подписчик
- 21 апр.
- 92 просмотра
1

ответ
CSS

+1 ещё

Средний
Не работают переносы слов (CSS hyphens) в OPERA. В чём может быть проблема?
- 1 подписчик
- 20 апр.
- 55 просмотров
1

ответ
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Анимация логотипа

24 апр. 2024, в 00:08

20000 руб./за проект

Разработка дизайна раздела «Статьи» на сайте «Мир отходов»

23 апр. 2024, в 23:01

10000 руб./за проект

Дизайн личного кабинета (клиентская часть)

23 апр. 2024, в 22:37

500 руб./в час

я пока учусь,но у меня отдельный файл _media.scss
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: так не путаешься и работа идет быстрее, проверено)
Илья: понял, хорошо, спасибо вам за ответ, буду следовать такому принципу в таком случае.

Answer 1 · 2017-07-27 01:07:12

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

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт