scss flex mixin scss

Posted 2021-05-18

@mixin flex($align: null, $direction: null) {
  display: flex;
  @if $align {
    align-items: $align;
  }
  @if $direction {
    flex-direction: $direction;
  }
}

.header {
  @include flex;
}

.content {
  @include flex(center, column);
}

.footer {
  @include flex;
}