mytril
Version:
Mytril Svelte library component for rapidly building modern websites based on Svelte and Sveltekit
42 lines (36 loc) • 774 B
CSS
.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);
}