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) • 3.26 kB
CSS
.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 14px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-cell-border-radius, 0px);box-shadow:var(--nutui-cell-box-shadow, none);font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-2, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-1, #595959));margin:16px 0;box-sizing:border-box}.nut-cell--has__press:active{background-color:var(--nutui-cell-active-background-color, var(--nsui-gray-color-2, #F5F5F5))}.nut-cell__left{display:flex;flex-direction:column;flex:1;padding:var(--nutui-cell-title-padding, 0px 8px 0px 0px);box-sizing:content-box}.nut-cell__has-extra{width:var(--nutui-cell-title-width, auto);flex:none}.nut-cell__title{line-height:var(--nutui-cell-title-line-height, 22px);font-weight:var(--nutui-cell-title-font-weight, 400)}.nut-cell__description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-1, 12px));color:var(--nutui-cell-description-color, var(--nsui-gray-color-7, #8C8C8C));line-height:var(--nutui-cell-description-line-height, 18px);margin:var(--nutui-cell-description-margin, 2px 0px 0px)}.nut-cell__extra{display:inline-flex;justify-content:var(--nutui-cell-extra-justify-content, flex-end);align-items:var(--nutui-cell-extra-align-items, flex-start);flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cell-extra-line-height, 22px);color:var(--nutui-cell-extra-color, var(--nsui-gray-color-7, #8C8C8C))}.nut-cell-group{display:block}.nut-cell-group--has__press .nut-cell:active{background-color:var(--nutui-cell-active-background-color, var(--nsui-gray-color-2, #F5F5F5))}.nut-cell-group__title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, #909ca4);font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group__description{display:inherit;padding:var(--nutui-cell-group-description-padding, 12px 16px 8px);margin:var(--nutui-cell-group-description-margin, 0px 0px);color:var(--nutui-cell-group-description-color, var(--nsui-gray-color-7, #8C8C8C));font-size:var(--nutui-cell-group-description-font-size, 14px);line-height:var(--nutui-cell-group-description-line-height, 22px)}.nut-cell-group__wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 0px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-6, #ffffff));margin:var(--nutui-cell-group-margin, 10px 0px)}.nut-cell-group__wrap .nut-cell{margin:0;box-shadow:none}.nut-cell-group__wrap--has-description{margin:0}.nut-cell-group__wrap--divider .nut-cell__divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 0px);bottom:var(--nutui-cell-divider-bottom, -.5px);left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid var(--nsui-gray-percent-color-3, rgba(0, 0, 0, .06)))}