lists.scss 1.75 KB
Newer Older
1 2 3 4 5 6
/**
 * Well styled list
 *
 */
.well-list {
  margin: 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
7
  padding: 0;
8
  list-style: none;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
9

10
  li {
11
    padding: 10px 15px;
12 13 14 15
    min-height: 20px;
    border-bottom: 1px solid #eee;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);

16 17 18 19 20 21
    &:after {
      content: " ";
      display: table;
      clear: both;
    }

22 23 24 25
    &.disabled {
      color: #888;
    }

26 27 28 29 30 31
    &.unstyled {
      &:hover {
        background: none;
      }
    }

32 33 34 35 36 37
    &.warning-row {
      background-color: #fcf8e3;
      border-color: #faebcc;
      color: #8a6d3b;
    }

38
    &.smoke { background-color: $background-color; }
39

40
    &:hover {
41
      background: $hover;
42
    }
43 44

    &:last-child {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
45
      border-bottom: none;
46 47

      &.bottom {
48
        background: $background-color;
49
      }
50 51
    }

52 53 54 55 56 57
    .list-item-name {
      float: left;
      position: relative;
      top: 3px;
    }

58
    p {
59
      padding-top: 1px;
60
      margin: 0;
61
      color: $gray-dark;
62
      img {
63 64
        position: relative;
        top: 3px;
65 66
      }
    }
67 68

    .well-title {
69
      font-size: $list-font-size;
70 71
      line-height: 18px;
    }
72 73
  }
}
randx's avatar
randx committed
74 75 76 77

ol, ul {
  &.styled {
    li {
78
      padding: 2px;
randx's avatar
randx committed
79 80 81
    }
  }
}
82 83 84

/** light list with border-bottom between li **/
ul.bordered-list {
85
  @include basic-list;
86 87 88 89

  &.top-list {
    li:first-child {
      padding-top: 0;
90

91 92 93 94 95
      h4, h5 {
        margin-top: 0;
      }
    }
  }
96
}
97 98 99 100

li.task-list-item {
  list-style-type: none;
}
101 102 103 104 105 106 107

ul.content-list {
  @include basic-list;

  margin: 0;
  padding: 0;

108
  > li {
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
109
    padding: $gl-padding;
110
    border-color: #f1f2f4;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
111 112
    margin-left: -$gl-padding;
    margin-right: -$gl-padding;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
113
    color: $gl-gray;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
114 115 116 117

    .avatar {
      margin-right: 15px;
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
118 119

    .controls {
120
      padding-top: 4px;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
121
      float: right;
122 123 124 125

      .btn {
        padding: 10px 14px;
      }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
126
    }
127 128 129
  }
}