diff options
Diffstat (limited to 'scss/_list-group.scss')
-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 70506c8c6c..fc0d3f1698 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. |