shelving/ui/block/Divider.module.css

Toolkit for using data in JavaScript.

@import "../style/base.css";

@layer components {
	.divider,
	.prose hr {
		display: block;
		border: 0;
		margin-inline: 0;
		margin-block: var(--divider-spacing, var(--spacing-paragraph));
		border-block-start: var(--divider-thickness, var(--thickness, var(--stroke-normal))) solid var(--divider-color, var(--color-vivid));
	}
}

@layer overrides {
	.divider,
	.prose hr {
		&:first-child {
			margin-block-start: 0;
		}
		&:last-child {
			margin-block-end: 0;
		}
	}
}