balm-ui/components/divider/divider.css

A modular and customizable UI library based on Material Design and Vue 3

.mdc-divider{align-items:center;display:flex;justify-content:space-around}.mdc-divider__text{align-items:center;display:inline-flex;justify-content:space-between}.mdc-divider__text:after,.mdc-divider__text:before{content:"";display:block}.mdc-divider__text span{display:inline-block;flex-shrink:0;font-size:inherit;text-transform:uppercase}.mdc-divider--horizontal{width:100%}.mdc-divider--horizontal.mdc-divider--no-text{background-color:rgba(0,0,0,.12);height:2px}.mdc-divider--horizontal .mdc-divider__text{width:100%}.mdc-divider--horizontal .mdc-divider__text:after,.mdc-divider--horizontal .mdc-divider__text:before{background-color:rgba(0,0,0,.12);height:2px;width:50%}.mdc-divider--horizontal .mdc-divider__text>span{padding:8px 16px}.mdc-divider--vertical{height:100%}.mdc-divider--vertical.mdc-divider--no-text{background-color:rgba(0,0,0,.12);width:2px}.mdc-divider--vertical .mdc-divider__text{flex-direction:column;height:100%}.mdc-divider--vertical .mdc-divider__text:after,.mdc-divider--vertical .mdc-divider__text:before{background-color:rgba(0,0,0,.12);height:50%;width:2px}.mdc-divider--vertical .mdc-divider__text>span{padding:16px 8px}