@use "sass:list";

@use "pkg:iro-sass/bem";
@use "pkg:iro-sass/props";
@use "pkg:iro-design" as iro;

@mixin styles {
	@include bem.object("deflist") {
		display: grid;
		grid-template-columns: auto 1fr;
		gap: props.get(iro.$core--size--50) props.get(iro.$core--size--400);
		padding: 0;
		margin-block: props.get(iro.$s-implicit--paragraph--margin-bs) 0;
		margin-inline: 0;

		dt {
			font-weight: bold;
			color: props.get(iro.$core--theme, --heading);
		}

		dd {
			margin: 0;
		}
	}
}