src/_utils.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

@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('o-auto') {
    overflow: auto;
}

@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;
}

@include iro.bem-utility('ml-auto') {
    margin-left: auto;
}

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