@import "./mixin.less";

@ui-prefix-radio:yyui-radio;
@ui-prefix-radiobutton:yyui-radiobutton;
@radio-prefix-cls: ant-radio;

.@{ui-prefix-radio} {
    display: inline-block;
    .@{radio-prefix-cls} {
        //white-space: nowrap;
        //outline: none;
        //display: inline-block;
        //position: relative;
        //line-height: 1;
        //vertical-align: middle;
        //cursor: pointer;
        //&:hover,
        //&-focused {
        //    .@{radio-inner-prefix-cls} {
        //        border-color: #bcbcbc;
        //    }
        //}
        &-inner {
            &:after {
                //position: absolute;
                //width: 6px;
                //height: 6px;
                //left: 3px;
                //top: 3px;
                //border-radius: @border-radius-base;
                //display: table;
                //border-top: 0;
                //border-left: 0;
                //content: ' ';
                background-color: @primary-color;
                //opacity: 0;
                //transform: scale(0);
                //transition: all @radio-duration @ease-in-out-circ;
            }
            //position: relative;
            //top: 0;
            //left: 0;
            //display: inline-block;
            //width: 14px;
            //height: 14px;
            //border-width: 1px;
            //border-style: solid;
            //border-radius: 14px;
            //border-color: @border-color-base;
            //background-color: #fff;
            //transition: all @radio-duration @ease-in-out-circ;
        }
        //&-input {
        //    position: absolute;
        //    left: 0;
        //    z-index: 1;
        //    cursor: pointer;
        //    opacity: 0;
        //    top: 0;
        //    bottom: 0;
        //    right: 0;
        //}
    }
}
.@{ui-prefix-radiobutton} {
    display: inline-block;
    .radio-button;
}