src/objects/_status-indicator.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

@use 'sass:map';
@use 'sass:meta';
@use 'sass:string';
@use 'pkg:iro-sass/bem';
@use 'pkg:iro-sass/props';
@use '../props' as *;

@forward 'status-indicator.vars';
@use 'status-indicator.vars' as vars;

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

	@include bem.object('status-indicator') {
		display:          inline-block;
		inline-size:      props.get(vars.$size);
		block-size:       props.get(vars.$size);
		background-color: props.get(vars.$default);
		border-radius:    10em;

		@each $theme in map.keys(props.get(vars.$themes)) {
			@include bem.is(string.slice($theme, 3)) {
				background-color: props.get(vars.$themes, $theme);
			}
		}
	}
}