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

//
// SCSS imports
//

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


//
// Settings
//

$_position-directions: (
    'top',
    'right',
    'bottom',
    'left'
);


/**
 * Directional property utility classes
 */

@include generate-utility((
    'property': 'position',
    'prefix': 'position',
    'values': (
        'relative': relative,
        'absolute': absolute,
        'fixed':    fixed,
        'static':   static,
        'sticky':   sticky
    ),
    'responsive': true
));


/**
 * Directional property utility classes
 */

@each $direction in $_position-directions {
    @include generate-utility((
        'property':   '#{$direction}',
        'prefix':     '#{$direction}',
        'values':     map-merge($spacing, (
            '0':      0,
            'auto':   auto,
            'full':   100%,
        )),
        'responsive': true
    ));
}