@import '../../styles/app';

.icon-list {
  margin-top: $spacer;
}

.icon-list-item {
  height: 32px;
  font-size: 14px;
  line-height: 32px;

  > a {
    color: $text-color;
    text-decoration: none;

    &:hover {
      color: $text-color;
      text-decoration: none;
    }
  }

  .glyphicon,
  .fa,
  .fi {
    width: 32px;
    margin-right: 10px;
  }

  &:hover {
    .glyphicon,
    .fa,
    .fi {
      font-size: 28px;
      top: 2px;
    }

    .fa,
    .fi {
      vertical-align: -5px;
    }

    .glyphicon {
      vertical-align: -6px;
    }
  }
}
