.divider { margin: 10px 0; height: 0; font-weight: var(--font-weight-medium); color: var(--color-text); font-size: 1rem; width: 100%; } h4.divider { margin-top: 1.25rem; margin-bottom: 1.25rem; } .divider:not(.divider-text) { border-top: 1px solid var(--color-secondary); } .divider.divider-text { display: flex; align-items: center; padding: 5px 0; } .divider.divider-text::before, .divider.divider-text::after { content: ""; flex: 1; border-top: 1px solid var(--color-secondary); } .divider.divider-text::before { margin-right: .75em; } .divider.divider-text::after { margin-left: .75em; } .ui.dropdown .menu > .divider { border-top: 1px solid var(--color-secondary); margin: 4px 0; }