@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
2 lines (1 loc) • 2.63 kB
CSS
.nut-checkboxgroup .nut-checkbox-button{background-color:var(--nutui-color-background, #f8f8f8)}.nut-checkboxgroup-vertical{display:flex;flex-direction:column}.nut-checkboxgroup-vertical .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup-vertical .nut-checkbox.nut-checkbox-reverse{width:100%;justify-content:space-between}.nut-checkboxgroup-vertical .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #006dfc));background-color:var(--nutui-color-primary-light-pressed, var(--nutui-color-primary-background, #e6f0ff))}.nut-checkboxgroup-horizontal{display:flex;flex-direction:row;flex-wrap:wrap}.nut-checkboxgroup-horizontal .nut-checkbox{display:inline-flex;flex:1;margin-right:20px}.nut-checkboxgroup-horizontal .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #006dfc));background-color:var(--nutui-color-primary-light-pressed, var(--nutui-color-primary-background, #e6f0ff))}.nut-checkboxgroup-list{flex-grow:1;border-bottom:var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-color-border, #e6e6e6));border-top:var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-color-border, #e6e6e6));padding:var(--nutui-checkbox-list-padding, 0 var(--nutui-spacing-3, 16px));background:var(--nutui-checkbox-list-background-color, #ffffff);box-sizing:border-box}.nut-checkboxgroup-list .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup-list .nut-checkbox.nut-checkbox-reverse{width:auto;flex-grow:1;justify-content:space-between}.nut-checkboxgroup-list .nut-checkbox-list-item:first-child{border-top:none}[dir=rtl] .nut-checkboxgroup .nut-checkbox-label,.nut-rtl .nut-checkboxgroup .nut-checkbox-label,[dir=rtl] .nut-checkboxgroup-vertical .nut-checkbox-label,.nut-rtl .nut-checkboxgroup-vertical .nut-checkbox-label{margin-right:5px}[dir=rtl] .nut-checkboxgroup-horizontal .nut-checkbox,.nut-rtl .nut-checkboxgroup-horizontal .nut-checkbox{margin-right:0;margin-left:20px}.nut-cell-group-wrap-divider .nut-cell-divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, var(--nutui-spacing-3, 16px));bottom:0;left:var(--nutui-cell-divider-left, var(--nutui-spacing-3, 16px));transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, .5px solid var(--nutui-color-border, #e6e6e6))}.nut-cell-group-wrap-divider .nut-cell:last-child .nut-cell-divider{border-top:0}.nut-cell-group-wrap-divider .nut-cell:first-child .nut-cell-divider{border-top:var(--nutui-cell-divider-border-bottom, .5px solid var(--nutui-color-border, #e6e6e6))}