// Line under a Heading component when its "Divider" switch is on.
// Fixed length, lined up with the heading's alignment setting.
.heading-divider {
	width: 16rem;
	max-width: 60%;
	height: 0;
	border-top: 2px solid $primary;
	margin: .5rem 0 0;

	&.text-center { margin-left: auto; margin-right: auto; }
	&.text-right { margin-left: auto; }
}