// scss-lint:disable SelectorDepth // scss-lint:disable NestingDepth .step-checklist-items { .step-checklist-item { padding-left: 5px; } .step-element-header { .step-element-name { align-items: flex-start; column-gap: .25em; display: grid; font-weight: normal; grid-template-columns: max-content auto; .step-checklist-text { display: inline-block; margin-top: -.1em; position: relative; width: fit-content; } &:hover.done .step-checklist-text { text-decoration: none; } } } .sci-checkbox-view-mode { align-self: flex-start; background-color: $color-black; border-radius: 50%; height: 4px; margin-right: .5em; margin-top: .4em; width: 4px; } .step-checklist-add-item { margin-left: 1.925rem; .fas { margin-right: .5em; } } .step-checklist-item-ghost { border: 1px solid $brand-primary; } } .step-checklist-container { .empty-checklist-element { color: $color-silver-chalice; margin-left: 3em; } }