/* ============================================================================
   07-UTILITIES -> #FLEX
   ========================================================================= */

//
// SCSS imports
//

@use '../01-settings' as *;
@use '../02-tools' as *;


/**
 * Flex property utility classes
 */

@include generate-utility((
    'property': 'justify-content',
    'prefix': 'justify',
    'values': (
        'start':   flex-start,
        'center':  center,
        'end':     flex-end,
        'between': space-between,
        'around':  space-around,
        'even':    space-evenly,
    ),
    'responsive': true
));

@include generate-utility((
    'property': 'align-items',
    'prefix': 'items',
    'values': (
        'start':   flex-start,
        'center':  center,
        'end':     flex-end,
    ),
    'responsive': true
));

@include generate-utility((
    'property': 'flex-wrap',
    'prefix': 'flex',
    'values': (
        'wrap':        wrap,
        'nowrap':      no-wrap,
        'wrapreverse': wrap-reverse,
    ),
    'responsive': true
));

@include generate-utility((
    'property': 'flex-direction',
    'prefix': 'flex',
    'values': (
        'col':         column,
        'col-reverse': column-reverse,
        'row':         row,
        'row-reverse': row-reverse,        
    ),
    'responsive': true
));