src/objects/_backdrop.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

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

@forward 'backdrop.vars';
@use 'backdrop.vars' as vars;

@mixin styles {
	@include materialize-at-root(meta.module-variables('vars'));

	@include bem.object('backdrop') {
		position:         fixed;
		inset:            0;
		z-index:          props.get(vars.$z-index);
		box-sizing:       border-box;
		display:          flex;
		flex-direction:   column;
		overflow:         auto;
		background-color: props.get(vars.$bg-color);
		backdrop-filter:  blur(props.get(vars.$blur));
	}
}