UNPKG

@mijadesign/mjui-react-taro

Version:

京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序

2 lines (1 loc) 5.91 kB
.nut-radiogroup .nut-radio{margin:0 var(--nutui-radiogroup-radio-margin, var(--nutui-spacing-3, 16px)) var(--nutui-radiogroup-radio-margin-bottom, var(--nutui-spacing-2, 12px)) 0}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 var(--nutui-spacing-1, 8px))}.nut-radiogroup .nut-radio-button{background-color:var(--nutui-radio-button-background, var(--nutui-color-background, #f8f8f8))}.nut-radiogroup .nut-radio:last-child{margin:0}.nut-radiogroup-vertical .nut-radio.nut-radio-reverse{width:100%;justify-content:space-between}.nut-radiogroup-vertical .nut-radio-button{border:1px solid var(--nutui-radio-button-background, var(--nutui-color-background, #f8f8f8))}.nut-radiogroup-vertical .nut-radio-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-radiogroup-horizontal{display:flex}.nut-radiogroup-horizontal .nut-radio-button{border:1px solid #ffffff}.nut-radiogroup-horizontal .nut-radio-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-radiogroup-horizontal .nut-radio:last-child{margin:0 var(--nutui-radiogroup-radio-margin, var(--nutui-spacing-3, 16px)) var(--nutui-radiogroup-radio-margin-bottom, var(--nutui-spacing-2, 12px)) 0}.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #999999);color:#fff;border:1px solid var(--nutui-color-text-disabled, #999999)}[dir=rtl] .nut-radiogroup .nut-radio,.nut-rtl .nut-radiogroup .nut-radio{margin-left:var(--nutui-radiogroup-radio-margin, var(--nutui-spacing-3, 16px));margin-right:0}.nut-radio{display:flex;align-items:center;flex-shrink:0}.nut-radio.nut-radio-reverse{flex-direction:row-reverse}.nut-radio.nut-radio-reverse .nut-radio-label{margin-right:var(--nutui-radio-label-margin-left, var(--nutui-spacing-0, 4px));margin-left:0}.nut-radio-label{margin-left:var(--nutui-radio-label-margin-left, var(--nutui-spacing-0, 4px));font-size:var(--nutui-radio-label-font-size, var(--nutui-font-size-2, 15px));color:var(--nutui-radio-label-color, var(--nutui-color-title, #0d0d0d))}.nut-radio-label-disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-color-text-disabled, #999999))}.nut-radio-icon{color:var(--nutui-color-text-disabled, #999999);transition-duration:.3s;transition-property:color,border-color,background-color;font-size:var(--nutui-radio-icon-font-size, var(--nutui-font-size-4, 20px))}.nut-radio-icon-checked{color:var(--nutui-color-primary, #006dfc);box-shadow:0 2px 4px #ff0f2333;border-radius:50%}.nut-radio-icon-checked.nut-radio-icon-disabled{color:var(--nutui-color-primary-disabled-special, var(--nutui-color-primary, #006dfc));box-shadow:none}.nut-radio-icon-disabled{color:var(--nutui-color-text-disabled, #999999)}.nut-radio-button{display:inline-flex;align-items:center;min-height:30px;padding:var(--nutui-radio-button-padding, 5px 18px);font-size:var(--nutui-radio-button-font-size, var(--nutui-font-size-1, 13px));background:var(--nutui-radio-button-background, var(--nutui-color-background, #f8f8f8));border-radius:var(--nutui-radio-button-border-radius, 15px);color:var(--nutui-radio-label-color, var(--nutui-color-title, #0d0d0d));box-sizing:border-box;border:1px solid var(--nutui-radio-button-background, var(--nutui-color-background, #f8f8f8))}.nut-radio-button-active{background:var(--nutui-color-primary-light-pressed, var(--nutui-color-primary-background, #e6f0ff));color:var(--nutui-color-primary, #006dfc);border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #006dfc))}.nut-radio-button-disabled{color:var(--nutui-color-text-disabled, #999999);border:1px solid var(--nutui-radio-button-background, var(--nutui-color-background, #f8f8f8))}.nut-radio .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #999999);color:#fff;border:1px solid var(--nutui-color-text-disabled, #999999)}[dir=rtl] .nut-radio:last-child,.nut-rtl .nut-radio:last-child{margin-right:0!important;margin-left:0!important}[dir=rtl] .nut-radio.nut-radio-reverse .nut-radio-label,.nut-rtl .nut-radio.nut-radio-reverse .nut-radio-label{margin-left:var(--nutui-radio-label-margin-left, var(--nutui-spacing-0, 4px));margin-right:0}[dir=rtl] .nut-radio-label,.nut-rtl .nut-radio-label{margin-left:0;margin-right:var(--nutui-radio-label-margin-left, var(--nutui-spacing-0, 4px))}.mj-radio{display:flex;align-items:center}.mj-radio:last-child{margin:0!important}.mj-radio .nut-radio-icon-checked{box-shadow:none!important}.mj-radio .nut-radio-icon-checked.nut-radio-icon-disabled{color:var(--nutui-color-primary, #006dfc);opacity:var(--nutui-color-disabled-opacity, .4)}.mj-radio .nut-radio-label{line-height:1.5;margin-left:var(--nutui-spacing-1, 8px)}.mj-radio .nut-radio-iconfont{height:calc(var(--nutui-radio-icon-font-size, var(--nutui-font-size-4, 20px)) - 2px);width:calc(var(--nutui-radio-icon-font-size, var(--nutui-font-size-4, 20px)) - 2px);display:flex;align-items:center;justify-content:center;font-size:var(--nutui-radio-icon-font-size, var(--nutui-font-size-4, 20px))!important;margin:1px}.mj-radio .icon-unselected.nut-radio-icon-disabled{background:var(--nutui-color-border, #e6e6e6);border-radius:var(--nutui-radius-full, 50%)}.nut-radiogroup-horizontal .mj-radio:not(:last-child){margin:0 var(--nutui-radiogroup-radio-margin, var(--nutui-spacing-3, 16px)) 0 0!important}.nut-radiogroup .nut-radio{margin:0!important;padding:16px 0;line-height:24px;height:24px}.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled{border-color:transparent!important}.nut-radio-reverse{justify-content:space-between}