test-nut-ui
Version:
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
2 lines (1 loc) • 1.78 kB
CSS
.nut-divider{display:flex;align-items:center;font-size:var(--nutui-divider-text-font-size, var(--nutui-font-size-0, 10px));color:var(--nutui-divider-text-color, var(--nsui-gray-color-7, #8C8C8C));line-height:var(--nutui-divider-text-line-height, 16px);margin:var(--nutui-divider-margin, 16px 0);border:0 solid currentColor;width:100%}.nut-divider:before,.nut-divider:after{content:"";border-style:inherit;border-color:var(--nutui-divider-line-color, var(--nsui-gray-percent-color-2, rgba(0, 0, 0, .04)));border-width:var(--nutui-divider-line-height, 2px) 0 0;height:var(--nutui-divider-line-height, 2px);flex:1}.nut-divider__align--left:after{margin-right:var(--nutui-divider-after-margin-right, 16px)}.nut-divider__align--right:before{margin-left:var(--nutui-divider-before-margin-left, 16px)}.nut-divider__align--center:before{margin-left:var(--nutui-divider-before-margin-left, 16px)}.nut-divider__align--center:after{margin-right:var(--nutui-divider-after-margin-right, 16px)}.nut-divider__center:before,.nut-divider__left:before,.nut-divider__right:before{margin-right:var(--nutui-divider-before-margin-right, 12px)}.nut-divider__center:after,.nut-divider__left:after,.nut-divider__right:after{margin-left:var(--nutui-divider-after-margin-left, 12px)}.nut-divider__left:before{max-width:var(--nutui-divider-before-after-width, 16px)}.nut-divider__right:after{max-width:var(--nutui-divider-before-after-width, 16px)}.nut-divider__hairline:before,.nut-divider__hairline:after{transform:scaleY(.5)}.nut-divider__vertical{position:relative;display:inline-block;height:var(--nutui-divider-vertical-height, 12px);border-left:1px solid var(--nutui-divider-line-color, var(--nsui-gray-percent-color-2, rgba(0, 0, 0, .04)));margin:var(--nutui-divider-vertical-margin, 0 12px);width:auto}