@use 'iro-sass/src/index' as iro;
@use 'iro-design/src/functions' as fn;

@include iro.props-namespace('media') {
    @include iro.props-store((
        --dims: (
            --pad-x: fn.global-dim(--size --200),
            --pad-y: fn.global-dim(--size --150),

            --75: (
                --pad-x: fn.global-dim(--size --150),
                --pad-y: fn.global-dim(--size --85),
            ),

            --200: (
                --pad-x: fn.global-dim(--size --450),
                --pad-y: fn.global-dim(--size --225),
            ),
            
            --300: (
                --pad-x: fn.global-dim(--size --450),
                --pad-y: fn.global-dim(--size --225),
            )
        )
    ), 'dims');
}