// // checklist.scss // Dashkit component //
.checklist {
outline: none;
}
.checklist-control {
display: flex; flex-wrap: nowrap; outline: none; user-select: none;
}
.checklist-control .custom-control-input:checked ~ .custom-control-caption {
text-decoration: line-through; color: $checklist-control-checked-color;
}
.checklist-control + .checklist-control {
margin-top: $checklist-control-spacer;
}
.checklist-control:first-child[style*=“display: none”] + .checklist-control {
margin-top: 0;
}
.checklist-control.draggable-mirror {
z-index: $zindex-fixed;
}
.checklist-control.draggable-source–is-dragging {
opacity: .2;
}