From e46c998316359f3368d80736d7eb750d85dc4da5 Mon Sep 17 00:00:00 2001 From: Zac Echola Date: Thu, 2 Apr 2015 14:07:53 -0500 Subject: [PATCH] Adds button styles to `.list-group-item` Includes buttons with anchor sytles and modifies buttons to match width and text alignment. --- less/list-group.less | 12 +++++++++--- less/mixins/list-group.less | 3 ++- 2 files changed, 11 insertions(+), 4 deletions(-) diff --git a/less/list-group.less b/less/list-group.less index 1462ce16b3..216b91230a 100644 --- 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 8b5b065cb8..03aa19069d 100644 --- 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 {