Светящиеся префиксы

[Snickers]

Как сделать такие же светящиеся префиксы тем?

 

[Aleksandr]

Стиль префикса, в extra.less

.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    background-size: 300% 300%;
    border-radius: 5px;
}

Цвет префикса, тоже в extra.less

.inf {
    background: #ffbb00;
    box-shadow: 0 0 12px #fb0;
}

 

[Snickers]

Стиль префикса, в extra.less

.label {
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    background-size: 300% 300%;
    border-radius: 5px;
}

Цвет префикса, тоже в extra.less

.inf {
    background: #ffbb00;
    box-shadow: 0 0 12px #fb0;
}

такие получаются

 

[Aleksandr]

Посмотреть вложение 6397 такие получаются

Я же выше приложил код, который меняет стили всех префиксов. Нужно сначала код префиксов вставить, а потом цвета

 

[Sample Text]

В extra less

.label
{
    color: #fff;
    text-transform: uppercase;
    font-weight: 650;
    font-size: 70%;
    padding: 2px 4px;
    text-align: center;
    border-radius: 5px;
    
    &.v /* красный цвет */
    {
        background: #ff0000;
        box-shadow: 0 0 12px #f00
    }
    
    &.ras /* синий цвет */
    {
        background: #0044ff;
        box-shadow: 0 0 12px #04f
    }
    
    &.otk /* зеленый цвет */
    {
        background: #00AA00;
        box-shadow: 0 0 12px #0a0
    }
    
    &.rasm /* оранжевый цвет */
    {
        background: #ee7700;
            box-shadow: 0 0 12px #e70
    }
    
    &.inf /* желтый цвет */
    {
        background: #ffbb00;
        box-shadow: 0 0 12px #fb0
    }
}

В CSS префикса
label v