src/styles/objects/_deflist.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

@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;
		}
	}
}