diff options
| author | Mark Otto <[email protected]> | 2022-03-14 13:20:54 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2022-03-17 13:39:17 -0700 |
| commit | 8182fd94308f83f2432aa61bf43268fc40740a92 (patch) | |
| tree | d796d6c59b2b119c0f0aa945c53ad8ce6f4b992b | |
| parent | 11751c613fdb040f8db5a155d7aafaeabd387499 (diff) | |
| download | bootstrap-8182fd94308f83f2432aa61bf43268fc40740a92.tar.xz bootstrap-8182fd94308f83f2432aa61bf43268fc40740a92.zip | |
Revert #35759, fixes #35869
| -rw-r--r-- | scss/_list-group.scss | 50 |
1 files changed, 25 insertions, 25 deletions
diff --git a/scss/_list-group.scss b/scss/_list-group.scss index 70506c8c6..fc0d3f169 100644 --- a/scss/_list-group.scss +++ b/scss/_list-group.scss @@ -23,6 +23,31 @@ } } +// Interactive list items +// +// Use anchor or button elements instead of `li`s or `div`s to create interactive +// list items. Includes an extra `.active` modifier class for selected items. + +.list-group-item-action { + width: 100%; // For `<button>`s (anchors become 100% by default though) + color: $list-group-action-color; + text-align: inherit; // For `<button>`s (anchors inherit) + + // Hover state + &:hover, + &:focus { + z-index: 1; // Place hover/focus items above their siblings for proper border styling + color: $list-group-action-hover-color; + text-decoration: none; + background-color: $list-group-hover-bg; + } + + &:active { + color: $list-group-action-active-color; + background-color: $list-group-action-active-bg; + } +} + // Individual list items // // Use on `li`s or `div`s within the `.list-group` parent. @@ -69,31 +94,6 @@ } } -// Interactive list items -// -// Use anchor or button elements instead of `li`s or `div`s to create interactive -// list items. Includes an extra `.active` modifier class for selected items. - -.list-group-item-action { - width: 100%; // For `<button>`s (anchors become 100% by default though) - color: $list-group-action-color; - text-align: inherit; // For `<button>`s (anchors inherit) - - // Hover state - &:hover, - &:focus { - z-index: 1; // Place hover/focus items above their siblings for proper border styling - color: $list-group-action-hover-color; - text-decoration: none; - background-color: $list-group-hover-bg; - } - - &:active { - color: $list-group-action-active-color; - background-color: $list-group-action-active-bg; - } -} - // Horizontal // // Change the layout of list group items from vertical (default) to horizontal. |