@use 'sass:meta';

@import 'cross/flex';
@import '../functions/flex';

%flex {
    display: flex;
}

@mixin flex($args...) {
    @extend %flex;

    @each $key, $value in keywords($args) {
        @if ($key == 'jc') {
            // @include justify-content(getJustify($value));
        }

        @if ($key == 'align') {
            @include align-items(getAlign($value));
        }
    }
}

@mixin justify-content($value) {
    @include cross-justify-content($value);
}

@mixin align-items($value) {
    @include cross-align-items($value);
}