Как передать стили в качестве параметра в миксин?

Question

[Григорий Васильков]

Хочу написать такой миксин примерно:

@mixin media(device, styles) {}

который вызывать примерно так

$gte-xxl = 1200
@mixin media(gte-xxl, styles);

Кто-нибудь знает как это сделать или какие практики разработки проектов, чтобы этого не делать?
Не могу позволить себе каждый раз писать min-width/max-width, зная что завтра мы начнем поддержку нового устройства и половину стилей придется переписывать.

Answer 1

[Serj-One]

Не совсем понятно, что именно ты собрался передавать в миксин.

$xs: ('max-width:767px');
@media ($xs) {...}

Затем просто дописываешь в класс

.block{
  ... // изначальные свойства
  @media ($xs) {
  ... // свойства блока для $xs
  }
}