@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
2 lines (1 loc) • 1.78 kB
CSS
.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, 15px);color:var(--nutui-divider-text-color, rgba(0, 0, 0, .6));margin:var(--nutui-divider-margin, 16px 0);border:0 solid var(--nutui-divider-border-color, rgba(0, 0, 0, .1));width:100%}.nut-divider:before,.nut-divider:after{content:"";border-style:inherit;border-color:inherit;border-width:var(--nutui-divider-line-height, 2px) 0 0;height:var(--nutui-divider-line-height, 2px);flex:1}.nut-divider-center:before,.nut-divider-left:before,.nut-divider-right:before{margin-right:16px}.nut-divider-center:after,.nut-divider-left:after,.nut-divider-right:after{margin-left:16px}.nut-divider-left:before{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-right:after{max-width:var(--nutui-divider-side-width, 10%)}.nut-divider-hairline:before,.nut-divider-hairline:after{transform:scaleY(.5)}.nut-divider-vertical{position:relative;top:var(--nutui-divider-vertical-top, 2px);display:inline-block;width:auto;height:var(--nutui-divider-vertical-height, 12px);border-left:1px solid var(--nutui-divider-border-color, rgba(0, 0, 0, .1));margin:0 16px}[dir=rtl] .nut-divider-center:before,[dir=rtl] .nut-divider-left:before,[dir=rtl] .nut-divider-right:before,.nut-rtl .nut-divider-center:before,.nut-rtl .nut-divider-left:before,.nut-rtl .nut-divider-right:before{margin-right:0;margin-left:16px}[dir=rtl] .nut-divider-center:after,[dir=rtl] .nut-divider-left:after,[dir=rtl] .nut-divider-right:after,.nut-rtl .nut-divider-center:after,.nut-rtl .nut-divider-left:after,.nut-rtl .nut-divider-right:after{margin-left:0;margin-right:16px}[dir=rtl] .nut-divider-vertical,.nut-rtl .nut-divider-vertical{border-left:none;border-right:1px solid var(--nutui-divider-border-color, rgba(0, 0, 0, .1))}