@use "sass:meta";
@use "pkg:iro-sass/bem";
@use "pkg:iro-sass/props";
@use "../props" as *;

@forward "placeholders.vars";
@use "placeholders.vars" as vars;

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

	@include bem.object("placeholders") {
		@include bem.elem("placeholder") {
			display: inline-block;
			min-block-size: props.get(vars.$min-block-size);
			vertical-align: middle;
			background-color: currentColor;
			border-radius: props.get(vars.$rounding);
			opacity: props.get(vars.$opacity);
		}
	}
}