.list-item {
    display: inline-block;
    margin-right: 10px;
}

.list-enter-active,
.list-leave-active {
    transition: all 1s;
}

.list-enter,
.list-leave-to

/* .list-leave-active below version 2.1.8 */
    {
    opacity: 0;
    transform: translateY(30px);
}
.card-footer-item{
    overflow: hidden;

}
.card-footer-item span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-footer-item:hover{
    cursor: pointer;
    background-color: #eff5fb!important;
}

.is-32x32{
    min-width: 32px;
    min-height: 32px;
}