wcfsetup/install/files/style/layout/containerList.less

   1 .containerList > li {
   2         padding: 20px 0;
   3
   4         &:not(:last-child) {
   5                 border-bottom: 1px solid rgb(238, 238, 238);
   6         }
   7
   8         &.showMore {
   9                 text-align: center;
  10         }
  11
  12         .containerHeadline {
  13                 position: relative;
  14
  15                 > .containerContentType {
  16                         opacity: .6;
  17                         position: absolute;
  18                         top: 0;
  19                         right: 0;
  20                 }
  21         }
  22 }
  23
  24 .containerBoxList {
  25         &.doubleColumned,
  26         &.tripleColumned {
  27                 display: flex;
  28                 flex-wrap: wrap;
  29                 margin-bottom: -10px;
  30
  31                 > li {
  32                         margin-bottom: 10px;
  33                 }
  34         }
  35
  36         &.doubleColumned > li {
  37                 flex: 0 0 50%;
  38         }
  39
  40         &.tripleColumned > li {
  41                 flex: 0 0 auto;
  42                 /* work-around for IE10 */
  43                 width: calc(~"100% / 3");
  44         }
  45 }
  46
  47 .likeList > .likeTypeSelection {
  48         text-align: right;
  49
  50         > .buttonGroup {
  51                 display: inline-flex;
  52         }
  53 }
  54
  55 .userList .userInformation {
  56         position: relative;
  57
  58         &:hover > .buttonGroupNavigation {
  59                 opacity: 1;
  60         }
  61
  62         > .buttonGroupNavigation {
  63                 opacity: 0;
  64                 position: absolute;
  65                 right: 0;
  66                 top: 0;
  67                 transition: opacity .2s linear;
  68         }
  69 }