1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/static/less/list-group.less	Fri Dec 20 22:30:44 2013 +0100
     1.3 @@ -0,0 +1,88 @@
     1.4 +//
     1.5 +// List groups
     1.6 +// --------------------------------------------------
     1.7 +
     1.8 +// Base class
     1.9 +//
    1.10 +// Easily usable on <ul>, <ol>, or <div>.
    1.11 +.list-group {
    1.12 +  // No need to set list-style: none; since .list-group-item is block level
    1.13 +  margin-bottom: 20px;
    1.14 +  padding-left: 0; // reset padding because ul and ol
    1.15 +}
    1.16 +
    1.17 +// Individual list items
    1.18 +// -------------------------
    1.19 +
    1.20 +.list-group-item {
    1.21 +  position: relative;
    1.22 +  display: block;
    1.23 +  padding: 10px 15px;
    1.24 +  // Place the border on the list items and negative margin up for better styling
    1.25 +  margin-bottom: -1px;
    1.26 +  background-color: @list-group-bg;
    1.27 +  border: 1px solid @list-group-border;
    1.28 +
    1.29 +  // Round the first and last items
    1.30 +  &:first-child {
    1.31 +    .border-top-radius(@list-group-border-radius);
    1.32 +  }
    1.33 +  &:last-child {
    1.34 +    margin-bottom: 0;
    1.35 +    .border-bottom-radius(@list-group-border-radius);
    1.36 +  }
    1.37 +
    1.38 +  // Align badges within list items
    1.39 +  > .badge {
    1.40 +    float: right;
    1.41 +  }
    1.42 +  > .badge + .badge {
    1.43 +    margin-right: 5px;
    1.44 +  }
    1.45 +}
    1.46 +
    1.47 +// Linked list items
    1.48 +a.list-group-item {
    1.49 +  color: @list-group-link-color;
    1.50 +
    1.51 +  .list-group-item-heading {
    1.52 +    color: @list-group-link-heading-color;
    1.53 +  }
    1.54 +
    1.55 +  // Hover state
    1.56 +  &:hover,
    1.57 +  &:focus {
    1.58 +    text-decoration: none;
    1.59 +    background-color: @list-group-hover-bg;
    1.60 +  }
    1.61 +
    1.62 +  // Active class on item itself, not parent
    1.63 +  &.active,
    1.64 +  &.active:hover,
    1.65 +  &.active:focus {
    1.66 +    z-index: 2; // Place active items above their siblings for proper border styling
    1.67 +    color: @list-group-active-color;
    1.68 +    background-color: @list-group-active-bg;
    1.69 +    border-color: @list-group-active-border;
    1.70 +
    1.71 +    // Force color to inherit for custom content
    1.72 +    .list-group-item-heading {
    1.73 +      color: inherit;
    1.74 +    }
    1.75 +    .list-group-item-text {
    1.76 +      color: lighten(@list-group-active-bg, 40%);
    1.77 +    }
    1.78 +  }
    1.79 +}
    1.80 +
    1.81 +// Custom content options
    1.82 +// -------------------------
    1.83 +
    1.84 +.list-group-item-heading {
    1.85 +  margin-top: 0;
    1.86 +  margin-bottom: 5px;
    1.87 +}
    1.88 +.list-group-item-text {
    1.89 +  margin-bottom: 0;
    1.90 +  line-height: 1.3;
    1.91 +}