Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

префиксы Crmp online

Решение
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
    }
}
Фев
466
113
Пользователь
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
    }
}
 
Сверху