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) • 1.31 kB
CSS
.nut-radiogroup{display:flex;flex-wrap:wrap;align-items:flex-start}.nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 16px 16px 0)}.nut-radiogroup .nut-radio__label{margin:var(--nutui-radiogroup-radio-label-margin, 0 0 0 4px)}.nut-radiogroup--vertical{display:inherit}.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(--nsui-gray-color-2, #F5F5F5))}.nut-radiogroup--vertical .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nsui-brand-color-guide, #2C68FF));background-color:var(--nutui-radio-label-button-background, #F4F7FF)}.nut-radiogroup--horizontal .nut-radio{display:inline-flex}.nut-radiogroup--horizontal .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nsui-brand-color-guide, #2C68FF));background-color:var(--nutui-radio-label-button-background, #F4F7FF)}.nut-radiogroup .nut-radio__button--active.nut-radio__button--disabled{background:var(--nutui-radio-button-disabled-active-background, #F4F7FF);color:var(--nutui-radio-button-disabled-active-color, #A3C6FF);border:1px solid var(--nutui-radio-button-disabled-active-border-color, #A3C6FF)}