4.21.7　列表组样式主题

对于列表组，首先是调整了列表组容器的圆角和阴影设置，源码如下：

  1. // 源码283行
  2. .list-group {
  3.   border-radius: 4px;
  4.   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  5.           box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  6. }

其次是对当前高亮的列表项的阴影、背景以及边框颜色进行了调整。

  1. // 源码288行
  2. .list-group-item.active,
  3. .list-group-item.active:hover,
  4. .list-group-item.active:focus {
  5.   text-shadow: 0 -1px 0 #3071a9;
  6.   background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
  7.   background-image:         linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
  8.   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',
  9.       endColorstr='#ff3278b3', GradientType=0);
  10.   background-repeat: repeat-x;
  11.   border-color: #3278b3;
  12. }