@opentiny/vue-theme/divider/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-divider{--tv-Divider-dividing-line:var(--tv-color-border-divider-short, #dbdbdb);--tv-Divider-text-bg-color:var(--tv-color-border-divider, #f0f0f0);--tv-Divider-text-color:var(--tv-color-text, #191919);--tv-Divider-success-color:var(--tv-color-success-border, #5cb300);--tv-Divider-default-color:var(--tv-color-border-divider, #f0f0f0);--tv-Divider-warning-color:var(--tv-color-warn-border, #ff8800);--tv-Divider-info-color:var(--tv-color-info-border, #1476ff);--tv-Divider-error-color:var(--tv-color-error-border, #f23030);--tv-Divider-border-width:var(--tv-border-width, 1px);position:relative;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;overflow:hidden}.tiny-divider .tiny-divider--default,.tiny-divider.tiny-divider--default{border-color:var(--tv-Divider-default-color)}.tiny-divider .tiny-divider--success,.tiny-divider.tiny-divider--success{border-color:var(--tv-Divider-success-color)}.tiny-divider .tiny-divider--warning,.tiny-divider.tiny-divider--warning{border-color:var(--tv-Divider-warning-color)}.tiny-divider .tiny-divider--info,.tiny-divider.tiny-divider--info{border-color:var(--tv-Divider-info-color)}.tiny-divider .tiny-divider--error,.tiny-divider.tiny-divider--error{border-color:var(--tv-Divider-error-color)}.tiny-divider--horizontal{margin:24px 0}.tiny-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;border-left:1px solid var(--tv-Divider-dividing-line)}.tiny-divider__text{position:absolute;font-weight:500;padding:0 14px;color:var(--tv-Divider-text-color);background-color:var(--tv-Divider-text-bg-color);line-height:normal}.tiny-divider .tiny-divider-line{height:1px;width:100%;border-top-width:var(--tv-Divider-border-width)}.tiny-divider .tiny-divider-text{position:absolute;padding:0 14px;background-color:var(--tv-Divider-text-bg-color)}