mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-21 04:41:36 +02:00
Add v5.1.0 docs (#34675)
This commit is contained in:
61
docs/5.1/examples/list-groups/list-groups.css
Normal file
61
docs/5.1/examples/list-groups/list-groups.css
Normal file
@@ -0,0 +1,61 @@
|
||||
.b-example-divider {
|
||||
height: 3rem;
|
||||
background-color: rgba(0, 0, 0, .1);
|
||||
border: solid rgba(0, 0, 0, .15);
|
||||
border-width: 1px 0;
|
||||
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
|
||||
}
|
||||
|
||||
.bi {
|
||||
vertical-align: -.125em;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
.opacity-50 { opacity: .5; }
|
||||
.opacity-75 { opacity: .75; }
|
||||
|
||||
.list-group {
|
||||
width: auto;
|
||||
max-width: 460px;
|
||||
margin: 4rem auto;
|
||||
}
|
||||
|
||||
.form-check-input:checked + .form-checked-content {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
.form-check-input-placeholder {
|
||||
pointer-events: none;
|
||||
border-style: dashed;
|
||||
}
|
||||
[contenteditable]:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.list-group-checkable {
|
||||
display: grid;
|
||||
gap: .5rem;
|
||||
border: 0;
|
||||
}
|
||||
.list-group-checkable .list-group-item {
|
||||
cursor: pointer;
|
||||
border-radius: .5rem;
|
||||
}
|
||||
.list-group-item-check {
|
||||
position: absolute;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
pointer-events: none;
|
||||
}
|
||||
.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;
|
||||
}
|
Reference in New Issue
Block a user