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

//
// SCSS imports
//

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


/*
 * Generate utility classes
 */

@include generate-utility((
    'property':   'overflow',
    'prefix':     'overflow',
    'values':     (
        'auto':    auto,
        'hidden':  hidden,
        'clip':    clip,
        'visible': visible,
        'scroll':  scroll,
    ),
    'responsive': true,
));
@include generate-utility((
    'property':   'overflow-x',
    'prefix':     'overflow-x',
    'values':     (
        'auto':    auto,
        'hidden':  hidden,
        'clip':    clip,
        'visible': visible,
        'scroll':  scroll,
    ),
    'responsive': true,
));
@include generate-utility((
    'property':   'overflow-y',
    'prefix':     'overflow-y',
    'values':     (
        'auto':    auto,
        'hidden':  hidden,
        'clip':    clip,
        'visible': visible,
        'scroll':  scroll,
    ),
    'responsive': true,
));

.scrollbar-hidden {
    scrollbar-width: none;

    &::-webkit-scrollbar {
        display: none;
    }
}