aboutsummaryrefslogtreecommitdiff
path: root/site/content/docs/5.3/examples/list-groups/list-groups.css
diff options
context:
space:
mode:
authorXhmikosR <[email protected]>2022-12-24 18:37:22 +0200
committerGitHub <[email protected]>2022-12-24 18:37:22 +0200
commitcf9454caa00872899215603e5e036d9a824b1b11 (patch)
treeaf5a1e3f18dd0b7117a2d32cad38721b7dc71a18 /site/content/docs/5.3/examples/list-groups/list-groups.css
parent41f62c5a11d98d49646296f996fa844d05f9514d (diff)
downloadbootstrap-cf9454caa00872899215603e5e036d9a824b1b11.tar.xz
bootstrap-cf9454caa00872899215603e5e036d9a824b1b11.zip
Release v5.3.0-alpha1 (#37661)
* Bump version to 5.3.0-alpha1 * Dist * Add docs versions updates * Update note in homepage hero Co-authored-by: Mark Otto <[email protected]>
Diffstat (limited to 'site/content/docs/5.3/examples/list-groups/list-groups.css')
-rw-r--r--site/content/docs/5.3/examples/list-groups/list-groups.css61
1 files changed, 61 insertions, 0 deletions
diff --git a/site/content/docs/5.3/examples/list-groups/list-groups.css b/site/content/docs/5.3/examples/list-groups/list-groups.css
new file mode 100644
index 000000000..218508412
--- /dev/null
+++ b/site/content/docs/5.3/examples/list-groups/list-groups.css
@@ -0,0 +1,61 @@
+.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;
+}