@jecloud/ui
Version:
JECloud UI库,基于ant-design-vue封装
60 lines (57 loc) • 1.24 kB
text/less
// 单选框和复选框
.XERadio {
.vxe-radio--icon {
font-size: @vxe-radio-font-size-middle;
&:before {
border: @vxe-radio-border-width solid @vxe-input-border-color;
background-color: @vxe-radio-icon-background-color;
}
}
.vxe-radio--checked-icon {
&:after {
background-color: @vxe-radio-checked-icon-background-color;
}
}
&.is--checked {
color: @vxe-primary-color;
.vxe-radio--checked-icon {
&:before {
border-color: @vxe-primary-color;
background-color: @vxe-primary-color;
}
}
}
&:not(.is--disabled) {
&:hover {
.vxe-radio--icon {
&:before {
border-color: @vxe-primary-color;
}
}
}
}
&.is--disabled {
color: @vxe-disabled-color;
.vxe-radio--icon {
&:before {
border-color: @vxe-input-disabled-color;
background-color: @vxe-input-disabled-background-color;
}
&:after {
background-color: @vxe-primary-disabled-color;
}
}
}
}
.XECheckbox {
&-icon {
font-size: @vxe-checkbox-font-size-middle;
}
&.is--checked,
&.is--indeterminate {
color: @vxe-primary-color;
}
&.is--disabled {
color: @vxe-disabled-color;
}
}