@charset "utf-8";
@import './var';


.#{$prefix}rate {
    display: inline-flex;
    align-items: center;
    
    &__item{
        display: inline-block;
        font-size: 0;
        position: relative;
        cursor: pointer;

        + .#{$prefix}rate__item{
            border-left: $rate-space-base solid transparent;
        }
        

        .#{$prefix}radio{
            position: absolute;
            top:0;
            left:0;
            right:0;
            bottom:0;
            opacity: 0;
        }
        &-up{
            position: absolute;
            top: 0;
            left:0;
            z-index: 1;
            width: 50%;
            overflow: hidden;
            // .#{$prefix}icon-star{
            //     background-image: url(../../assets/image/slice/svg/star-l-normal.svg?fill=#{$color-warning-hover});
            // }
        }

       
        
        // &--half{
        //     .#{$prefix}rate__item-up{
        //         width: 50%;
        //     }
        // }
        // &--full{
        //     .#{$prefix}rate__item-up{
        //         width: 100%;
        //         overflow: hidden;
        //     }
        // }
        
    }
    
    // &.is-selected{

    //     .#{$prefix}rate__item-up{
            
    //         .#{$prefix}icon-star{
    //             // background-image: url(../../assets/image/slice/svg/star-l-normal.svg?fill=#{$icon-color-warning});
    //         }
    //     }
    // }
    &__text{
        display: inline-block;
        margin-left:$rate-space-base*2;
    }

}

// 主题
.#{$prefix}rate--primary{
    .#{$prefix}rate__item{
        // &-up{
        //     .#{$prefix}icon-star{
        //         background-image: url(../../assets/image/slice/svg/star-l-normal.svg?fill=#{$color-primary-hover});
        //     }
        // }
    }
    &.is-selected{

        // .#{$prefix}rate__item-up{
            
        //     .#{$prefix}icon-star{
        //         background-image: url(../../assets/image/slice/svg/star-l-normal.svg?fill=#{$icon-color-primary});
        //     }
        // }
    }
}

// 尺寸
.#{$prefix}rate{
    &.size-l{
        // .#{$prefix}icon-star{
        //     width:24px;
        //     height:24px;
            
        // }
        .#{$prefix}rate__text{
            font-size: $font-size-l;
            margin-left: $rate-space-base*4;
        }
    }
}