/**
 * RadioField Component Style for SaltUI
 * @author shanchao
 *
 * Copyright 2018-2019, SaltUI Team.
 * All rights reserved.
 */

$radio-disable-bg = $normal-alpha-5
$radio-div-height = 54px

.{$prefix}-radio-field-label
    line-height $font-size-field-label-lh
    padding 10px 15px
    background-color white

.{$prefix}-radio-field-label-required
    vertical-align 1px

.{$prefix}-radio-field-row
    width 100%
    min-height $radio-div-height
    background-color $white-alpha-1
    &.disable
        position relative
        .{$prefix}-radio-field-content
            color $normal-alpha-3
        .{$prefix}-radio-field-icon > svg
            fill $dark-alpha-2
        .{$prefix}-radio-field-disable-mask
            position absolute
            left 0
            right 0
            top 0
            bottom 0
            background-color $white-alpha-3

.{$prefix}-radio-field-content
    vertical-align middle
    font-size $font-size-t5
    color $dark-alpha-2
    min-width 0
    line-height: 1.2
    // overflow: hidden;
    // text-overflow: ellipsis;
    // white-space: nowrap;

.{$prefix}-radio-field-icon-wrapper
    width: 28px;
    min-width 36px
    min-height $radio-div-height
    &.right
        margin-left 12px
    + .{$prefix}-radio-field-content
        padding-right: 16px

.{$prefix}-radio-field-icon
    width: 24px;
    height: 24px;
    .t-radio-selected-outer
        fill: $brand-primary

.{$prefix}-radio-field-icon-border
    .hairline &
        stroke-width: 0.5px

.{$prefix}-radio-field-icon.un-checked svg
    visibility hidden

.{$prefix}-radio-field.is-group
    .t-group-list
        border-bottom none
        border-top-color transparent
        .t-group-list-item
            &:after
                border-bottom none

/* Popup mode */
$radio-field-tip-color = $normal-alpha-5
$radio-field-readonly-color = $dark-alpha-2

.{$prefix}-radio-field-value
    > *
        vertical-align middle

.{$prefix}-radio-field-arrow-icon svg
    fill $normal-alpha-4

.{$prefix}-radio-field-placeholder
    max-width 100%
    height 24px
    line-height 24px
    color $radio-field-tip-color

.{$prefix}-radio-field-readonly
    color $radio-field-readonly-color