| .list-group { |
| max-width: 460px; |
| margin: 4rem auto; |
| } |
| |
| .form-check-input:checked + .form-checked-content { |
| opacity: .5; |
| } |
| |
| .form-check-input-placeholder { |
| border-style: dashed; |
| } |
| [contenteditable]:focus { |
| outline: 0; |
| } |
| |
| .list-group-checkable .list-group-item { |
| cursor: pointer; |
| } |
| .list-group-item-check { |
| position: absolute; |
| clip: rect(0, 0, 0, 0); |
| } |
| .list-group-item-check:hover + .list-group-item { |
| background-color: var(--bs-light); |
| } |
| .list-group-item-check:checked + .list-group-item { |
| color: #fff; |
| background-color: var(--bs-blue); |
| } |
| .list-group-item-check[disabled] + .list-group-item, |
| .list-group-item-check:disabled + .list-group-item { |
| pointer-events: none; |
| filter: none; |
| opacity: .5; |
| } |
| |
| .list-group-radio .list-group-item { |
| cursor: pointer; |
| border-radius: .5rem; |
| } |
| .list-group-radio .form-check-input { |
| z-index: 2; |
| margin-top: -.5em; |
| } |
| .list-group-radio .list-group-item:hover, |
| .list-group-radio .list-group-item:focus { |
| background-color: var(--bs-light); |
| } |
| |
| .list-group-radio .form-check-input:checked + .list-group-item { |
| background-color: var(--bs-body); |
| border-color: var(--bs-blue); |
| box-shadow: 0 0 0 2px var(--bs-blue); |
| } |
| .list-group-radio .form-check-input[disabled] + .list-group-item, |
| .list-group-radio .form-check-input:disabled + .list-group-item { |
| pointer-events: none; |
| filter: none; |
| opacity: .5; |
| } |
