@import '../../../styles/dependencies/mixins/project-card';

.home-project {
    @include project-card;
    cursor: pointer;
    margin-bottom: 1rem;
    transition: .2s;
    transition-delay: .1s;
    &:hover {
        border: 1px solid $primary-light;
    }
    &.blocked-project {
        border: $whitish;
        &:hover {
            border: $whitish;
        }
        .tags-container,
        .project-card-logo,
        .project-card-name a,
        .icon-recruit,
        .project-card-description,
        .project-card-statistics {
            opacity: .3;
        }
    }
}

.projects-empty {
    text-align: center;
    svg {
        fill: $whitish;
        height: 100px;
        margin: 1rem auto;
        text-align: center;
        width: 100%;
    }
    p {
        @extend %small;
        @extend %light;
    }
    .create-project-button {
        display: block;
        margin-bottom: .25rem;
    }
    .import-project-button {
        display: block;
    }
}