/**
 * Styles for projects
 *  - project cards
 *  - project list items
 */
@import (reference) "avatars";
@import (reference) "colors";
@import (reference) "fonts";
@import (reference) "cards";
@import (reference) "list-items";

.project {
  &-item {
    .list-item;
    align-items: center;
    &__owner { .list-item__description; }
  }

  &-card {
    .card;
    height: auto;

    &__header {
      display: flex;
      flex-direction: row;
      align-items: center;
    }

    &__owner {
      .card__caption;
      display: flex;
      flex-direction: row;
      align-items: center;
    }

    &__avatar {
      .avatarer(@avatar-size-sm);
      margin-right: 10px;
    }

    &__preview > * {
      .content--small;
      width: 100%;
      margin-top: 10px;
      margin-bottom: 10px;
    }
  }
}