assets/css/layouts/_media.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

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