Код на префиксы PawnoHelp

[mirzaev 2301]

Если у кого то есть код на префиксы тем с форума Pawno-Help, буду благодарен!

 

[KeoFox]

color: #ffc700;
background: rgba(255,199,0,0.08);
border-color: rgba(255,199,0,0.02);

 

[Jack_Mithel]

.label {
    font-weight: 500;
    padding: 3px 6px
}

.label.label--important {
    color: #f1416c;
    background: rgba(241,65,108,0.08);
    border-color: rgba(238,18,71,0.08);
    border-color: rgba(241,65,108,0.02)
}

a.label.label--important:hover,a:hover .label.label--important {
    background: rgba(240,46,93,0.08);
    border-color: rgba(219,16,66,0.08);
    border-color: rgba(240,46,93,0.02)
}

.label.label--pinned {
    color: #ffc700;
    background: rgba(255,199,0,0.08);
    border-color: rgba(204,159,0,0.08);
    border-color: rgba(255,199,0,0.02)
}

a.label.label--pinned:hover,a:hover .label.label--pinned {
    background: rgba(235,183,0,0.08);
    border-color: rgba(184,143,0,0.08);
    border-color: rgba(235,183,0,0.02)
}

.label.label--solved {
    color: #009ef7;
    background: rgba(0,158,247,0.08);
    border-color: rgba(0,125,196,0.08);
    border-color: rgba(0,158,247,0.02)
}

a.label.label--solved:hover,a:hover .label.label--solved {
    background: rgba(0,145,227,0.08);
    border-color: rgba(0,112,176,0.08);
    border-color: rgba(0,145,227,0.02)
}

 

[mirzaev 2301]

.label {
    font-weight: 500;
    padding: 3px 6px
}

.label.label--important {
    color: #f1416c;
    background: rgba(241,65,108,0.08);
    border-color: rgba(238,18,71,0.08);
    border-color: rgba(241,65,108,0.02)
}

a.label.label--important:hover,a:hover .label.label--important {
    background: rgba(240,46,93,0.08);
    border-color: rgba(219,16,66,0.08);
    border-color: rgba(240,46,93,0.02)
}

.label.label--pinned {
    color: #ffc700;
    background: rgba(255,199,0,0.08);
    border-color: rgba(204,159,0,0.08);
    border-color: rgba(255,199,0,0.02)
}

a.label.label--pinned:hover,a:hover .label.label--pinned {
    background: rgba(235,183,0,0.08);
    border-color: rgba(184,143,0,0.08);
    border-color: rgba(235,183,0,0.02)
}

.label.label--solved {
    color: #009ef7;
    background: rgba(0,158,247,0.08);
    border-color: rgba(0,125,196,0.08);
    border-color: rgba(0,158,247,0.02)
}

a.label.label--solved:hover,a:hover .label.label--solved {
    background: rgba(0,145,227,0.08);
    border-color: rgba(0,112,176,0.08);
    border-color: rgba(0,145,227,0.02)
}

В таком случае, какой CSS-код в каждый префикс?

 

[KeoFox]

можно сделать в разы проще как пример для размышнений

.prefixPH {
    font-weight: 500; /*основные CSS свойства для префиксов*/
    padding: 3px 6px;
    &.vazno {
        background: red;
        color: white;
    }
    &.nevazno {
        background: green;
        color: white;
    }
}

сделать всё единым кодом и подставлять уже нужные свойства куда надо

В настройке префикса prefixPH vazno

 

[pikamonov]

.label {
    font-weight: 500;
    padding: 3px 6px
}

.label.label--important {
    color: #f1416c;
    background: rgba(241,65,108,0.08);
    border-color: rgba(238,18,71,0.08);
    border-color: rgba(241,65,108,0.02)
}

a.label.label--important:hover,a:hover .label.label--important {
    background: rgba(240,46,93,0.08);
    border-color: rgba(219,16,66,0.08);
    border-color: rgba(240,46,93,0.02)
}

.label.label--pinned {
    color: #ffc700;
    background: rgba(255,199,0,0.08);
    border-color: rgba(204,159,0,0.08);
    border-color: rgba(255,199,0,0.02)
}

a.label.label--pinned:hover,a:hover .label.label--pinned {
    background: rgba(235,183,0,0.08);
    border-color: rgba(184,143,0,0.08);
    border-color: rgba(235,183,0,0.02)
}

.label.label--solved {
    color: #009ef7;
    background: rgba(0,158,247,0.08);
    border-color: rgba(0,125,196,0.08);
    border-color: rgba(0,158,247,0.02)
}

a.label.label--solved:hover,a:hover .label.label--solved {
    background: rgba(0,145,227,0.08);
    border-color: rgba(0,112,176,0.08);
    border-color: rgba(0,145,227,0.02)
}

OFFTOP

Спойлер: клик

<- точно pawn? не css?

 

[Jack_Mithel]

В таком случае, какой CSS-код в каждый префикс?

.label {
    font-weight: 500;
    padding: 3px 6px
}

.important {
    color: #f1416c;
    background: rgba(241,65,108,0.08);
    border-color: rgba(238,18,71,0.08);
    border-color: rgba(241,65,108,0.02)
}

a.label.label--important:hover,a:hover .label.label--important {
    background: rgba(240,46,93,0.08);
    border-color: rgba(219,16,66,0.08);
    border-color: rgba(240,46,93,0.02)
}

.pinned {
    color: #ffc700;
    background: rgba(255,199,0,0.08);
    border-color: rgba(204,159,0,0.08);
    border-color: rgba(255,199,0,0.02)
}

a.label.label--pinned:hover,a:hover .label.label--pinned {
    background: rgba(235,183,0,0.08);
    border-color: rgba(184,143,0,0.08);
    border-color: rgba(235,183,0,0.02)
}

.solved {
    color: #009ef7;
    background: rgba(0,158,247,0.08);
    border-color: rgba(0,125,196,0.08);
    border-color: rgba(0,158,247,0.02)
}

a.label.label--solved:hover,a:hover .label.label--solved {
    background: rgba(0,145,227,0.08);
    border-color: rgba(0,112,176,0.08);
    border-color: rgba(0,145,227,0.02)
}

 

[Jack_Mithel]

Этот код в CSS, затем код

label important

 

[Jack_Mithel]

OFFTOP

Спойлер: клик

Посмотреть вложение 9796

<- точно pawn? не css?

OFFTOP

Точно), уверен прямо.
Лень менять было(