iot-ui/Checkbox/Checkbox.less

基于快应用的IoT组件库

.root-box {
    padding: @CheckBoxPadding;
}

.box {
    width: @CheckBoxSize ;
    height: @CheckBoxSize ;
    border-radius: @CheckBoxSize;
    justify-content: center;
}

.checked {
    background-color: @CheckBoxCheckedColor;
    .ok-icon-color {
        border-color: @CheckBoxCheckedIconColor;
    }
}

.dischecked {
    border: @CheckBoxBold solid @CheckBoxDischeckedColor;
}

.disabled-checked {
    background-color: @CheckBoxDisabledCheckedColor;
    .ok-icon-color {
        border-color: @CheckBoxDisabledCheckedIconColor;
    }
}

.checked-icon {
    border-color: @CheckBoxCheckedIconColor;
}

.disabled-checked-icon {
    border-color: @CheckBoxDisabledCheckedIconColor;
}

.disabled-dischecked {
    border: @CheckBoxBold solid @CheckBoxDisabledDischeckedColor;
}

.ok-icon {
    width: @CheckBoxSize / 2;
    height: @CheckBoxSize / 3.6;
    border-style: solid;
    border-width: 0 0 @CheckBoxBold @CheckBoxBold;
    transform: rotate(-45deg);
    margin-top: @CheckBoxSize / 3;
    border-color: @CheckBoxCheckedIconColor;
}

.ok-icon-disabled {
    border-color: #90E0E7;
}