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

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

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

	@include bem.object("icon") {
		display: inline;
		inline-size: props.get(vars.$size);
		block-size: props.get(vars.$size);
		vertical-align: props.get(vars.$valign);
		stroke-width: props.get(vars.$stroke-width);
		stroke-linecap: round;
		stroke-linejoin: round;

		@include bem.modifier("block") {
			display: block;
		}
	}
}