From f228802fd0ea6914da982bdab7d8f9c9364d1bc3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 28 Dec 2016 13:45:07 -0800 Subject: Revamp list group states and docs to match - Overhauls the states, including the link/button variants, for list groups to better match how we handle .btn states. - Moved the .list-group-item-action styles before the .list-group-item so that we don't have to do as much overriding. - Removed the plain-hover-focus mixins from the disabled and active states since they're unnecessary. - Added support for :active states on the .list-group-item-action variant (for the current click state). - Removed the heading and text classes and variables since we can accomplish the same thing with utilities. - Added support for :disabled on the .list-group-item-action as well since we can use those with button elements. - Rearranged docs to reflect all the above changes. - Reformatted some Sass variables. --- scss/_list-group.scss | 131 +++++++++++++++++++++++++------------------------- scss/_variables.scss | 35 ++++++++------ 2 files changed, 84 insertions(+), 82 deletions(-) (limited to 'scss') diff --git a/scss/_list-group.scss b/scss/_list-group.scss index 4d78d95c0..ec813c807 100644 --- a/scss/_list-group.scss +++ b/scss/_list-group.scss @@ -12,6 +12,34 @@ } +// 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 `