@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
2 lines (1 loc) • 1.66 kB
CSS
.nut-checkboxgroup .nut-checkbox-button{background-color:#f8f8f8}.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, #E6F5FF)}.nut-checkboxgroup-horizontal .nut-checkbox{display:inline-flex;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, #E6F5FF)}.nut-checkboxgroup-list{width:100%;border-bottom:var(--nutui-checkbox-list-item-border, 1px solid rgba(0, 0, 0, .1));border-top:var(--nutui-checkbox-list-item-border, 1px solid rgba(0, 0, 0, .1));padding:var(--nutui-checkbox-list-padding, 0 0 0 12px);background:var(--nutui-checkbox-list-background-color, #ffffff)}.nut-checkboxgroup-list .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup-list .nut-checkbox:first-child .nut-checkbox-list-item{border-top:none}.nut-checkboxgroup-list .nut-checkbox.nut-checkbox-reverse{width:100%;justify-content:space-between}[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}