@import "../../../../webapp-common/shared/ui-components/styles/mixins/common";
@import "../../../../webapp-common/shared/ui-components/styles/variables";


.project-tag {
  @include card-header-tag();
  color: $neon-yellow;
}

.footer-title {
  @include counter-label();
  text-align: center;
  font-size: 10px;
  padding: 12px
}

.title {
  @include card-title();
}

/deep/ .project-card {
  cursor: pointer;
  height: 228px;
  overflow: hidden;
}

/deep/ .project-card {
  .card-container:hover {
    background-color: $blue-400 !important;
  }

  .project-name {
    width: 280px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  :host {
    /deep/ .mat-menu-content {
      background-color: $blue-600;
    }

    sm-inline-edit {
      width: 100%;
      margin-right: 20px;
    }
  }
}
