deer-ui/lib/divider/style.css

React.js UI components for PC Web

.deer-ui-divider-vertical{height:12px;display:inline-block;border-right:1px solid #e8e8e8;vertical-align:middle}.deer-ui-divider-vertical.dashed{border-right-style:dashed}.deer-ui-divider-horizontal{margin:10px 0;width:100%;border-bottom:1px solid #e8e8e8}.deer-ui-divider-horizontal.dashed{border-bottom-style:dashed}.deer-ui-divider-orientation{width:100%;padding:10px 20px;font-size:16px;white-space:nowrap;font-weight:500;display:table}.deer-ui-divider-orientation b{height:1px;width:50%;display:table-cell;border-top:1px solid #e8e8e8;position:relative;top:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}.deer-ui-divider-orientation-center{text-align:center}.deer-ui-divider-orientation-left b:first-child{width:10%}.deer-ui-divider-orientation-left b:last-child,.deer-ui-divider-orientation-right b:first-child{width:90%}.deer-ui-divider-orientation-right b:last-child{width:10%}.deer-ui-divider-orientation-content{text-align:center;padding:0 20px;font-size:16px;white-space:nowrap;font-weight:700}