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) • 5.82 kB
CSS
.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)))}.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-form-item{display:flex}.nut-form-item:before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;transform:scaleX(0)}.nut-form-item.error.line:before{border-bottom:1px solid var(--nutui-form-item-error-line-color, #FF2C33);transform:scaleX(1);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms}.nut-form-item__label{color:var(--nutui-form-item-label-color, var(--nsui-gray-color-8, #595959));font-size:var(--nutui-form-item-label-font-size, 14px);font-weight:400;width:var(--nutui-form-item-label-width, 56px);margin:var(--nutui-form-item-label-margin, 0px 16px 0px 0px);flex:none;display:flex;word-wrap:break-word;text-align:var(--nutui-form-item-label-text-align, left)}.nut-form-item__label .required{display:inline-block;transform:translateY(3px);font-size:var(--nutui-form-item-required-margin-right, 16px);color:var(--nutui-form-item-required-color, #FF2C33);margin-right:var(--nutui-form-item-required-margin-right, 0px)}.nut-form-item__body{flex:1;display:flex;flex-direction:column}.nut-form-item__body__slots{text-align:var(--nutui-form-item-body-slots-text-align, left)}.nut-form-item__body__slots .nut-input{padding:0;border:0}.nut-form-item__body__slots .nut-input-text{font-size:var(--nutui-form-item-body-font-size, 14px);text-align:var(--nutui-form-item-body-input-text-align, left);color:var(--nutui-gray-0, #262626);width:100%;outline:0 none;border:0;text-decoration:none;background:transparent}.nut-form-item__body__slots .nut-range-container{min-height:24px}.nut-form-item__body__slots .nut-textarea{padding:0}.nut-form-item__body__slots .nut-textarea .nut-textarea__textarea{font:inherit;text-align:var(--nutui-form-item-body-input-text-align, left)}.nut-form-item__body__tips{text-align:var(--nutui-form-item-tip-text-align, left);font-size:var(--nutui-form-item-tip-font-size, 12px);color:var(--nutui-form-item-error-message-color, #FF2C33);margin:var(--nutui-form-item-error-message-margin, 4px 0px 0px);line-height:var(--nutui-form-item-error-message-line-height, 18px)}.nut-form--divider__hidden .nut-cell__divider{display:none}.form-layout-right .nut-form-item__label{text-align:right;white-space:nowrap}.form-layout-left .nut-form-item__label{text-align:left;white-space:nowrap}.form-layout-top .nut-form-item{flex-direction:column;align-items:flex-start;white-space:nowrap}.form-layout-top .nut-form-item__label{padding-bottom:4px;display:block;font-size:14px;padding-right:24px}.form-layout-top .nut-form-item__body{margin-left:0}