| |
| |
| |
| |
| |
| |
| |
| .list-group { |
| |
| margin-bottom: 20px; |
| padding-left: 0; |
| } |
| |
| |
| |
| |
| .list-group-item { |
| position: relative; |
| display: block; |
| padding: 10px 15px; |
| |
| margin-bottom: -1px; |
| background-color: $list-group-bg; |
| border: 1px solid $list-group-border; |
| |
| |
| &:first-child { |
| @include border-top-radius($list-group-border-radius); |
| } |
| &:last-child { |
| margin-bottom: 0; |
| @include border-bottom-radius($list-group-border-radius); |
| } |
| |
| |
| > .badge { |
| float: right; |
| } |
| > .badge + .badge { |
| margin-right: 5px; |
| } |
| |
| |
| |
| |
| &.active, |
| &.active:hover, |
| &.active:focus { |
| z-index: 2; |
| color: $list-group-active-color; |
| background-color: $list-group-active-bg; |
| border-color: $list-group-active-border; |
| |
| |
| .list-group-item-heading { |
| color: inherit; |
| } |
| .list-group-item-text { |
| color: lighten($list-group-active-bg, 40%); |
| } |
| } |
| } |
| |
| |
| a.list-group-item { |
| color: $list-group-link-color; |
| |
| .list-group-item-heading { |
| color: $list-group-link-heading-color; |
| } |
| |
| |
| &:hover, |
| &:focus { |
| text-decoration: none; |
| background-color: $list-group-hover-bg; |
| } |
| } |
| |
| |
| |
| |
| .list-group-item-heading { |
| margin-top: 0; |
| margin-bottom: 5px; |
| } |
| .list-group-item-text { |
| margin-bottom: 0; |
| line-height: 1.3; |
| } |