Adds button styles to `.list-group-item`

Includes buttons with anchor sytles and modifies buttons to match width
and text alignment.

diff --git a/less/list-group.less b/less/list-group.less
index 1462ce16b325082f98f78d8e28535fe96e86f1da..216b91230ab6fa786b0a8d53bc2e60004baec147 100644 (file)
--- a/less/list-group.less
+++ b/less/list-group.less
@@ -38,12 +38,13 @@
 }
 
 
-// Linked list items
+// Interactive list items
 //
-// Use anchor elements instead of `li`s or `div`s to create linked list items.
+// Use anchor or button elements instead of `li`s or `div`s to create interactive items.
 // Includes an extra `.active` modifier class for showing selected items.
 
-a.list-group-item {
+a.list-group-item,
+button.list-group-item {
   color: @list-group-link-color;
 
   .list-group-item-heading {
@@ -59,6 +60,11 @@ a.list-group-item {
   }
 }
 
+button.list-group-item {
+  width: 100%;
+  text-align: left;
+}
+
 .list-group-item {
   // Disabled state
   &.disabled,

diff --git a/less/mixins/list-group.less b/less/mixins/list-group.less
index 8b5b065cb84cec3364d028e046b3fd24878f20b1..03aa19069d954a3db712462f17d073eca6a9498f 100644 (file)
--- a/less/mixins/list-group.less
+++ b/less/mixins/list-group.less
@@ -5,7 +5,8 @@
     color: @color;
     background-color: @background;
 
-    a& {
+    a&,
+    button& {
       color: @color;
 
       .list-group-item-heading {