diff options
Diffstat (limited to '')
-rw-r--r-- | assets/css/bootstrap-3.3.2/list-group.less (renamed from assets/css/lib/bootstrap/_list-group.scss) | 47 |
1 files changed, 20 insertions, 27 deletions
diff --git a/assets/css/lib/bootstrap/_list-group.scss b/assets/css/bootstrap-3.3.2/list-group.less index 36c297c..1462ce1 100644 --- a/assets/css/lib/bootstrap/_list-group.scss +++ b/assets/css/bootstrap-3.3.2/list-group.less @@ -24,24 +24,16 @@ padding: 10px 15px; // Place the border on the list items and negative margin up for better styling margin-bottom: -1px; - background-color: $list-group-bg; - border: 1px solid $list-group-border; + background-color: @list-group-bg; + border: 1px solid @list-group-border; // Round the first and last items &:first-child { - @include border-top-radius($list-group-border-radius); + .border-top-radius(@list-group-border-radius); } &:last-child { margin-bottom: 0; - @include border-bottom-radius($list-group-border-radius); - } - - // Align badges within list items - > .badge { - float: right; - } - > .badge + .badge { - margin-right: 5px; + .border-bottom-radius(@list-group-border-radius); } } @@ -52,18 +44,18 @@ // Includes an extra `.active` modifier class for showing selected items. a.list-group-item { - color: $list-group-link-color; + color: @list-group-link-color; .list-group-item-heading { - color: $list-group-link-heading-color; + color: @list-group-link-heading-color; } // Hover state &:hover, &:focus { text-decoration: none; - color: $list-group-link-hover-color; - background-color: $list-group-hover-bg; + color: @list-group-link-hover-color; + background-color: @list-group-hover-bg; } } @@ -72,15 +64,16 @@ a.list-group-item { &.disabled, &.disabled:hover, &.disabled:focus { - background-color: $list-group-disabled-bg; - color: $list-group-disabled-color; + background-color: @list-group-disabled-bg; + color: @list-group-disabled-color; + cursor: @cursor-disabled; // Force color to inherit for custom content .list-group-item-heading { color: inherit; } .list-group-item-text { - color: $list-group-disabled-text-color; + color: @list-group-disabled-text-color; } } @@ -89,9 +82,9 @@ a.list-group-item { &.active:hover, &.active:focus { z-index: 2; // Place active items above their siblings for proper border styling - color: $list-group-active-color; - background-color: $list-group-active-bg; - border-color: $list-group-active-border; + color: @list-group-active-color; + background-color: @list-group-active-bg; + border-color: @list-group-active-border; // Force color to inherit for custom content .list-group-item-heading, @@ -100,7 +93,7 @@ a.list-group-item { color: inherit; } .list-group-item-text { - color: $list-group-active-text-color; + color: @list-group-active-text-color; } } } @@ -111,10 +104,10 @@ a.list-group-item { // Add modifier classes to change text and background color on individual items. // Organizationally, this must come after the `:hover` states. -@include list-group-item-variant(success, $state-success-bg, $state-success-text); -@include list-group-item-variant(info, $state-info-bg, $state-info-text); -@include list-group-item-variant(warning, $state-warning-bg, $state-warning-text); -@include list-group-item-variant(danger, $state-danger-bg, $state-danger-text); +.list-group-item-variant(success; @state-success-bg; @state-success-text); +.list-group-item-variant(info; @state-info-bg; @state-info-text); +.list-group-item-variant(warning; @state-warning-bg; @state-warning-text); +.list-group-item-variant(danger; @state-danger-bg; @state-danger-text); // Custom content options |