@mixin list($suffix: '', $list: 'ul') {
	margin: 0 #{$suffix};

	@if $list == 'ul' or $list == 'ol' {
		padding: 0 #{$suffix};
		list-style-type: none #{$suffix};
	}

	@if $list == 'dl' {
		> dd,
		> div > dd {
			margin: 0 #{$suffix};
		}
	}
}

@mixin button($suffix: '') {
	padding: 0 #{$suffix};
	border: 0 #{$suffix};
	inline-size: 100% #{$suffix};
	background-color: transparent #{$suffix};
	color: inherit #{$suffix};
	text-align: start #{$suffix};
	display: block #{$suffix};
	font: inherit #{$suffix};
	cursor: pointer #{$suffix};
}

@mixin clear($direction, $suffix: '') {
	clear: #{$direction} #{$suffix};
}

@mixin clearfix($suffix: '') {
	&::before,
	&::after {
		content: ' ' / '' #{$suffix};
		display: table #{$suffix};
	}

	&::after {
		clear: both #{$suffix};
	}
}

@mixin summary($suffix: '') {
	list-style: none #{$suffix};

	&::-webkit-details-marker {
		display: none #{$suffix};
	}
}