@use "sass:list";

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

@mixin styles {
	@include bem.object("toc") {
		@include bem.elem("item") {
			@include bem.next-twin-elem {
				margin-block-start: props.get(iro.$core--size--50);
			}

			@include bem.is("active") {
				@include bem.elem("item-link") {
					font-weight: bold;
					text-decoration-line: none;
					color: props.get(iro.$core--theme, --heading);

					&:hover {
						text-decoration-line: underline;
					}
				}
			}
		}
	}
}