30c6fe4ced
# Conflicts: # src/components/_base/navbar/index.vue # src/styles/components/checkbox.scss
32 lines
661 B
SCSS
32 lines
661 B
SCSS
.arco-checkbox {
|
|
.arco-checkbox-icon {
|
|
width: 16px;
|
|
height: 16px;
|
|
border-color: #d7d7d9;
|
|
}
|
|
&.arco-checkbox-disabled {
|
|
.arco-checkbox-icon {
|
|
background-color: #f2f3f5;
|
|
border-color: #d7d7d9;
|
|
}
|
|
&.arco-checkbox-checked {
|
|
.arco-checkbox-icon {
|
|
background-color: #a794fe !important;
|
|
}
|
|
}
|
|
&.arco-checkbox-indeterminate {
|
|
.arco-checkbox-icon {
|
|
border: none;
|
|
background-color: #a794fe !important;
|
|
}
|
|
}
|
|
}
|
|
&.arco-checkbox-checked,
|
|
&.arco-checkbox-indeterminate {
|
|
.arco-checkbox-icon {
|
|
background-color: #6D4CFE !important;
|
|
border: none;
|
|
}
|
|
}
|
|
}
|