@fesjs/fes-design/es/radio-group/style/index.less

fes-design for PC

@import '../../style/themes/index';
@import '../../style/mixins/index';
@import './mixin.less';

@radio-group-prefix-cls: ~'@{cls-prefix}-radio-group';
@radio-prefix-cls: ~'@{cls-prefix}-radio';
@radio-button-prefix-cls: ~'@{cls-prefix}-radio-button';

@radio-button-border-radius: var(--f-border-radius-base);

.@{radio-group-prefix-cls} {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    & > .@{radio-prefix-cls} {
        &:last-child {
            margin-right: 0;
        }
    }
    & > .@{radio-button-prefix-cls} {
        &:first-child {
            border-radius: @radio-button-border-radius 0 0 @radio-button-border-radius;
        }

        &:last-child {
            border-radius: 0 @radio-button-border-radius @radio-button-border-radius 0;
        }

        &:only-child {
            border-radius: @radio-button-border-radius;
        }
    }

    &.is-vertical {
        flex-direction: column;
        align-items: flex-start;
    }

    &.is-full-line {
        width: 100%;
    }
}