src/layouts/_media-view.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

@use 'sass:meta';
@use 'iro-sass/src/bem';
@use 'iro-sass/src/props';
@use '../props' as *;

@mixin styles {
    @include bem.layout('media-view') {
        display:        flex;
        flex-direction: column;
        min-block-size: 100%;

        @include bem.elem('footer') {
            position:           sticky;
            inset-block-end:    0;
            margin-block-start: auto;
        }
    }
}