@use '../../scss/typography' as t;

@mixin daff-list-base() {
	$root: &;
	display: block;
	margin: 0;
	padding: 0;

	.daff-list-item {
		$root: &;
		display: flex;
		gap: 1rem;
		padding: 0.75rem 1rem;

		&__content {
			font-size: t.$font-size-base;
			flex-grow: 1;

			> * {
				margin: 0;
				padding: 0;
			}
		}

		&__title {
			font-size: t.$font-size-base;
			font-weight: 600;
			line-height: 1.5rem;
			margin: 0;
			padding: 0;
		}

		.daff-prefix {
			display: flex;
			align-items: center;
			height: 1.5rem;
			width: auto;
		}
	}
}