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) • 2.76 kB
CSS
.nut-collapse-item__header{position:relative;display:flex;width:100%;overflow:hidden;padding:var(--nutui-collapse-item-padding, 14px 16px);font-size:var(--nutui-collapse-item-font-size, var(--nutui-font-size-2, 14px));line-height:var(--nutui-collapse-item-line-height, 24px);background-color:var(--nutui-gray-6, #ffffff);box-sizing:border-box}.nut-collapse-item__header:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:16px;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item__title{color:var(--nutui-collapse-item-color, var(--nsui-gray-color-9, #262626));font-size:var(--nutui-collapse-item-title-font-size, 14px);line-height:var(--nutui-collapse-item-title-line-height, 22px);display:flex;align-items:center}.nut-collapse-item__extra{flex:1;min-width:var(--nutui-collapse-item-extra-min-width, 0px);display:flex;align-items:center;justify-content:var(--nutui-collapse-item-extra-justify-content, flex-start);padding:0 8px;overflow:hidden;color:var(--nutui-collapse-item-extra-color, var(--nsui-gray-color-7, #8C8C8C));line-height:var(--nutui-collapse-item-extra-line-height, 22px);box-sizing:content-box}.nut-collapse-item__icon-box{display:flex;padding-right:16px;position:relative}.nut-collapse-item__icon{display:flex;align-items:center;position:absolute;top:50%;left:0px;color:var(--nutui-collapse-item-icon-color, var(--nsui-gray-color-7, #8C8C8C));transform:translateY(-50%);transform-origin:center;transition:transform .3s}.nut-collapse-item__header.disabled,.nut-collapse-item__header.disabled .nut-collapse-item__title{color:var(--nutui-collapse-item-disabled-color, var(--nsui-gray-color-6, #BFBFBF))}.nut-collapse-item__header.disabled .nut-collapse-item__icon{color:var(--nutui-collapse-item-disabled-icon-color, var(--nsui-gray-color-4, #E5E5E5))}.nut-collapse-item__content{position:relative;overflow:hidden;display:block;color:var(--nutui-collapse-wrapper-content-color, var(--nsui-gray-color-7, #8C8C8C));font-size:var(--nutui-collapse-wrapper-content-font-size, 14px);line-height:var(--nutui-collapse-wrapper-content-line-height, 22px);background-color:var(--nutui-collapse-wrapper-content-background-color, var(--nutui-gray-6, #ffffff));transition:all .3s linear}.nut-collapse-item__content-text{color:var(--nutui-collapse-wrapper-content-color, var(--nsui-gray-color-7, #8C8C8C));padding:var(--nutui-collapse-wrapper-content-padding, 12px 16px)}.nut-collapse-item__content:after{display:var(--nutui-collapse-item-content-line-display, block);position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:16px;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}