mytril/dist/styles/divider.css

Mytril Svelte library component for rapidly building modern websites based on Svelte and Sveltekit

.myt-divider {
	--opacity: var(--myt-divider-opc);
	--c: var(--myt-divider-c);

	display: block;
	flex: 1 1 100%;
	height: 0px;
	max-height: 0px;
	opacity: var(--opacity);
	transition: inherit;
	border-color: var(--c);
	transition: border-color 0.5s;
}

.myt-divider {
	border-style: solid;
	border-width: thin 0 0 0;
}

.myt-divider--vertical {
	align-self: stretch;
	border-width: 0 thin 0 0;
	display: inline-flex;
	height: auto;
	margin-left: -1px;
	max-height: 100%;
	max-width: 0px;
	vertical-align: text-bottom;
	width: 0px;
}

.myt-divider--inset:not(.myt-divider--vertical) {
	max-width: calc(100% - 4.5rem);
	margin-inline-start: 4.5rem;
}

.myt-divider--inset.myt-divider--vertical {
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
	max-height: calc(100% - 1rem);
}