Files
vxe-table/styles/base/checked.scss
xuliangzhan 78473f38f4 fix css var
2023-06-11 12:42:38 +08:00

76 lines
1.5 KiB
SCSS

%XECheckboxIcon {
.vxe-checkbox--icon {
font-size: 1.34em;
}
.vxe-checkbox--icon {
color: var(--vxe-input-border-color);
vertical-align: middle;
font-weight: 700;
user-select: none;
}
&.is--checked,
&.is--indeterminate {
color: var(--vxe-primary-color);
.vxe-checkbox--icon {
color: var(--vxe-primary-color);
}
}
&:not(.is--disabled) {
cursor: pointer;
&:hover {
.vxe-checkbox--icon {
color: var(--vxe-primary-color);
}
}
}
&.is--disabled {
color: var(--vxe-font-disabled-color);
cursor: not-allowed;
.vxe-checkbox--icon {
color: var(--vxe-input-disabled-color);
}
}
.vxe-checkbox--label {
padding-left: 0.5em;
vertical-align: middle;
}
}
%XERadioIcon {
cursor: pointer;
.vxe-radio--icon {
font-size: 1.4em;
}
.vxe-radio--icon {
color: var(--vxe-input-border-color);
vertical-align: middle;
font-weight: 700;
user-select: none;
}
&.is--checked {
color: var(--vxe-primary-color);
.vxe-radio--icon {
color: var(--vxe-primary-color);
}
}
&:not(.is--disabled) {
cursor: pointer;
&:hover {
.vxe-radio--icon {
color: var(--vxe-primary-color);
}
}
}
&.is--disabled {
color: var(--vxe-font-disabled-color);
cursor: not-allowed;
.vxe-radio--icon {
color: var(--vxe-input-disabled-color);
}
}
.vxe-radio--label {
padding-left: 0.5em;
vertical-align: middle;
}
}