@nadia_degtiareva
html-верстальщик

Как сократить mixin c media queries в sass?

Добрый день.
Есть такой миксин:
=default-padding($media)
	@if $media == small
		@media only screen and (max-width: $small - 1)
			padding-top: 60px
	@if $media == medium
		@media only screen and (min-width: $small) and (max-width: $medium - 1)
			padding-top: 80px
	@if $media == portrait
		@media only screen and (min-width: $medium) and (max-width: $large - 1)
			padding-top: 100px
	@if $media == desktop
		@media only screen and (min-width: $large)
			padding-top: 120px

Использую я его так:
.wrapper-hor
	+default-padding(small)
	+default-padding(medium)
	+default-padding(portrait)
	+default-padding(desktop)


Вопрос: можно ли как-то иначе объявлять/использовать миксин, чтобы код был короче.
  • Вопрос задан
  • 842 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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