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

@include iro.bem-utility('d-block') {
    display: block;
}

@include iro.bem-utility('d-contents') {
    display: contents;
}

@include iro.bem-utility('elp') {
    overflow:      hidden;
    text-overflow: ellipsis;
}

@include iro.bem-utility('p-static') {
    position: static;
}

@include iro.bem-utility('p-relative') {
    position: relative;
}

@include iro.bem-utility('mt-0') {
    margin-top: 0;
}

@each $size in ('xxs' 'xs' 'sm' 'md' 'lg' 'xl') {
    @include iro.bem-utility('p-#{$size}') {
        padding: fn.global-dim(--spacing --#{$size});
    }
}