.home-project-list {
    li {
        border-right: 5px solid $whitish;
        cursor: pointer;
        margin-bottom: .5rem;
        padding: .5rem;
        padding-right: 1rem;
        text-overflow: ellipsis;
        &:hover {
            border-color: $fresh-taiga;
            transition: border-color .3s linear;
            p {
                color: $gray;
                transition: color .3s linear;
            }
            .private path {
                fill: $gray;
                transition: fill .3s linear;
            }
        }
    }
    h2 {
        @extend %text;
        color: $gray;
        font-size: 1.5rem;
        line-height: 1.3;
        margin-bottom: 0;
        text-transform: none;
        .project-name {
            display: inline-block;
            max-width: 90%;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: middle;
            white-space: nowrap;
        }
    }
    p {
        @extend %text;
        @extend %small;
        color: $gray-light;
        margin: 0;
    }
}

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