How to pass styles as a parameter to a mixin?

Question

css

I want to write a mixin like this:
@mixin media(device, styles) {}
which is called like this
$gte-xxl = 1200
@mixin media(gte-xxl, styles);
Does anyone know how to do this or what are the project development practices to avoid doing this?
I can't afford to write min-width/max-width every time, knowing that tomorrow we will start supporting a new device and half of the styles will have to be rewritten.

Answer 1

It is not entirely clear what exactly you are going to pass to the mixin.

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

Then you just add to the class

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