flex mixin scss
@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;
}