Можно ли передать миксину в качестве параметра другой миксин?

Question

[lexstile]

Должно получиться что-то типа такого, но не работает:

@mixin verticalAlign($screen) {
  @each $direction, $alignment in $alignments {
    &.v-align-#{$screen}-#{$direction} {
      align-items: $alignment;
    }
  }
}

@mixin media($screen, $minWidth, $mixin) {
  @media (min-width: $minWidth) {
    @include $mixin($screen);
  }
}

@include media('md', 768px, verticalAlign);

Answer 1

[Сергей delphinpro]

Нет.

Можно примерно так:

@mixin verticalAlign($screen) {
  @each $direction, $alignment in $alignments {
    &.v-align-#{$screen}-#{$direction} {
      align-items: $alignment;
    }
  }
}

@mixin media($minWidth) {
  @media (min-width: $minWidth) {
    @content;
  }
}

@include media(768px) {
  @include verticalAlign('md');
}

Comments

[lexstile]

А есть ли смысл, например, в таком случае переходить на миксин-обертку?
Сейчас так:

@media (min-width: 768px) {
    @include verticalAlign('md');
  }

Может стать так (как вы предложили):

@include media(768px) {
    @include verticalAlign('md');
  }

[Сергей delphinpro]

lexstile, имеет смысл, если брикпойнты вынести в переменные-мапы

@include media-more-then(md) {}
@include media-less-then(lg) {}

Более наглядно. Посмотрите подход бутстрапа в этом моменте.

[lexstile]

Сергей delphinpro, хорошо, спасибо большое за ответы.