XenForo Баннеры с анимированным градиентом

Уже столько вопросов было и уже столько по ним кривого кода
Делаем так, в extra.less:

Less:

.userBanner {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 65%;
    padding: 3px 6px;
    background-size: 600% 600%;
    animation: AnimBanner 10s ease infinite;
    &.userBanner--staff {
        color: #fff;
        border: none;
        background: linear-gradient(270deg, #00b9ff, #d104ff, #2800ff);
        background-size: 900% 900%;
    }...

Нажмите, чтобы раскрыть...