////
///
/// Sizing
/// ===========================================================================
///
/// Width and height utilities for the common cases: fill the container,
/// shrink to content, or allow a flex/grid child to shrink below its
/// content width.
///
/// @group Utilities
/// @author Scape Press
/// @link https://scape.style
/// @since 0.5.0
/// @access public
///
////

@layer ss.utilities {
    .ss-u-w-full {
        inline-size: 100%;
    }
    .ss-u-w-auto {
        inline-size: auto;
    }
    .ss-u-max-w-full {
        max-inline-size: 100%;
    }
    .ss-u-max-w-prose {
        max-inline-size: 65ch;
    }
    .ss-u-max-w-sm {
        max-inline-size: 24rem;
    }
    .ss-u-max-w-md {
        max-inline-size: 40rem;
    }
    .ss-u-max-w-lg {
        max-inline-size: 64rem;
    }
    .ss-u-min-w-0 {
        min-inline-size: 0;
    }
    .ss-u-h-full {
        block-size: 100%;
    }
    .ss-u-h-auto {
        block-size: auto;
    }

    // Plain list: no markers, no indent (navigation, chip rows, link lists).
    .ss-u-list-none {
        list-style: none;
        padding-inline-start: 0;
    }
}