.home-project-list {
    li {
        border-right: 5px solid $whitish;
        cursor: pointer;
        margin-bottom: .5rem;
        padding: .5rem;
        padding-right: 1rem;
        text-overflow: ellipsis;
        transition: border-color .3s linear;
        &:hover {
            border-color: $fresh-taiga;
            p {
                color: $gray;
            }
            .private path {
                fill: $gray;
            }
        }
    }
    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;
        }
        .private {
            display: inline-block;
            margin-left: .3rem;
            width: .5rem;
            path {
                fill: $gray-light;
                transition: fill .3s linear;
            }
        }
    }
    p {
        @extend %text;
        @extend %small;
        color: $gray-light;
        margin: 0;
        transition: color .3s linear;
    }
}