Кастом префы под форум [скринов нема, кто может пусть скинет]
extra.less:
.prefix--approved,
.prefix--rejected,
.prefix--pending,
.prefix--reviewed,
.prefix--viewed,
.prefix--realized,
.prefix--open,
.prefix--closed,
.prefix--information,
.prefix--solved,
.prefix--important,
.prefix--punishment,
.prefix--administrative,
.prefix--newbies,
.prefix--server,
.prefix--application,
.prefix--authority,
.prefix--specadmin,
.prefix--chiefadmin,
.prefix--rulessmoking,
.prefix--smoking,
.prefix--considered,
.prefix--refused,
.prefix--devteam,
.prefix--owner {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 6px;
padding: 4px 9px !important;
min-height: 22px;
box-sizing: border-box;
font-size: 75% !important;
font-weight: 700 !important;
line-height: 1;
letter-spacing: .2px;
text-transform: uppercase;
border-radius: 5px 8px 8px 5px !important;
border: 1px solid transparent !important;
border-left-width: 3px !important;
box-shadow: none !important;
text-shadow: none !important;
animation: none !important;
transition: none !important;
}
.prefix--approved {
background: rgba(40,167,69,.10) !important;
border-color: rgba(40,167,69,.25) !important;
border-left-color: #28a745 !important;
color: #28a745 !important;
}
.prefix--approved::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f058" !important;
font-weight: 900 !important;
}
.prefix--rejected {
background: rgba(220,53,69,.10) !important;
border-color: rgba(220,53,69,.25) !important;
border-left-color: #dc3545 !important;
color: #dc3545 !important;
}
.prefix--rejected::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f057" !important;
font-weight: 900 !important;
}
.prefix--pending {
background: rgba(253,126,20,.10) !important;
border-color: rgba(253,126,20,.25) !important;
border-left-color: #fd7e14 !important;
color: #fd7e14 !important;
}
.prefix--pending::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f017" !important;
font-weight: 900 !important;
}
.prefix--reviewed {
background: rgba(0,123,255,.10) !important;
border-color: rgba(0,123,255,.25) !important;
border-left-color: #007bff !important;
color: #007bff !important;
}
.prefix--reviewed::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f06e" !important;
font-weight: 900 !important;
}
.prefix--viewed {
background: rgba(108,117,125,.10) !important;
border-color: rgba(108,117,125,.25) !important;
border-left-color: #6c757d !important;
color: #6c757d !important;
}
.prefix--viewed::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f06e" !important;
font-weight: 900 !important;
}
.prefix--realized {
background: rgba(32,201,151,.10) !important;
border-color: rgba(32,201,151,.25) !important;
border-left-color: #20c997 !important;
color: #20c997 !important;
}
.prefix--realized::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f00c" !important;
font-weight: 900 !important;
}
.prefix--open {
background: rgba(40,167,69,.10) !important;
border-color: rgba(40,167,69,.25) !important;
border-left-color: #28a745 !important;
color: #28a745 !important;
}
.prefix--open::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f2f6" !important;
font-weight: 900 !important;
}
.prefix--closed {
background: rgba(108,117,125,.10) !important;
border-color: rgba(108,117,125,.25) !important;
border-left-color: #6c757d !important;
color: #6c757d !important;
}
.prefix--closed::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f023" !important;
font-weight: 900 !important;
}
.prefix--information {
background: rgba(215,109,73,.10) !important;
border-color: rgba(215,109,73,.25) !important;
border-left-color: #d76d49 !important;
color: #d76d49 !important;
}
.prefix--information::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f05a" !important;
font-weight: 900 !important;
}
.prefix--solved {
background: rgba(40,167,69,.10) !important;
border-color: rgba(40,167,69,.25) !important;
border-left-color: #28a745 !important;
color: #28a745 !important;
}
.prefix--solved::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f058" !important;
font-weight: 900 !important;
}
.prefix--important {
background: rgba(224,82,82,.10) !important;
border-color: rgba(224,82,82,.25) !important;
border-left-color: #e05252 !important;
color: #e05252 !important;
}
.prefix--important::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f06a" !important;
font-weight: 900 !important;
}
.prefix--punishment {
background: rgba(220,53,69,.10) !important;
border-color: rgba(220,53,69,.25) !important;
border-left-color: #dc3545 !important;
color: #dc3545 !important;
}
.prefix--punishment::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f24e" !important;
font-weight: 900 !important;
}
.prefix--administrative {
background: rgba(192,57,43,.10) !important;
border-color: rgba(192,57,43,.25) !important;
border-left-color: #c0392b !important;
color: #c0392b !important;
}
.prefix--administrative::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f2bd" !important;
font-weight: 900 !important;
}
.prefix--newbies {
background: rgba(253,126,20,.10) !important;
border-color: rgba(253,126,20,.25) !important;
border-left-color: #fd7e14 !important;
color: #fd7e14 !important;
}
.prefix--newbies::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f4fc" !important;
font-weight: 900 !important;
}
.prefix--server {
background: rgba(142,68,173,.10) !important;
border-color: rgba(142,68,173,.25) !important;
border-left-color: #8e44ad !important;
color: #8e44ad !important;
}
.prefix--server::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f233" !important;
font-weight: 900 !important;
}
.prefix--application {
background: rgba(0,123,255,.10) !important;
border-color: rgba(0,123,255,.25) !important;
border-left-color: #007bff !important;
color: #007bff !important;
}
.prefix--application::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f15c" !important;
font-weight: 900 !important;
}
.prefix--authority {
background: rgba(52,152,219,.10) !important;
border-color: rgba(52,152,219,.25) !important;
border-left-color: #3498db !important;
color: #3498db !important;
}
.prefix--authority::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f3ed" !important;
font-weight: 900 !important;
}
.prefix--specadmin {
background: rgba(111,66,193,.10) !important;
border-color: rgba(111,66,193,.25) !important;
border-left-color: #6f42c1 !important;
color: #6f42c1 !important;
}
.prefix--specadmin::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f3ed" !important;
font-weight: 900 !important;
}
.prefix--chiefadmin {
background: rgba(52,58,64,.10) !important;
border-color: rgba(52,58,64,.25) !important;
border-left-color: #343a40 !important;
color: #343a40 !important;
}
.prefix--chiefadmin::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f521" !important;
font-weight: 900 !important;
}
.prefix--rulessmoking {
background: rgba(108,117,125,.10) !important;
border-color: rgba(108,117,125,.25) !important;
border-left-color: #6c757d !important;
color: #6c757d !important;
}
.prefix--rulessmoking::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f02d" !important;
font-weight: 900 !important;
}
.prefix--smoking {
background: rgba(108,117,125,.10) !important;
border-color: rgba(108,117,125,.25) !important;
border-left-color: #6c757d !important;
color: #6c757d !important;
}
.prefix--smoking::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f48d" !important;
font-weight: 900 !important;
}
.prefix--considered {
background: rgba(23,162,184,.10) !important;
border-color: rgba(23,162,184,.25) !important;
border-left-color: #17a2b8 !important;
color: #17a2b8 !important;
}
.prefix--considered::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f4fc" !important;
font-weight: 900 !important;
}
.prefix--refused {
background: rgba(220,53,69,.10) !important;
border-color: rgba(220,53,69,.25) !important;
border-left-color: #dc3545 !important;
color: #dc3545 !important;
}
.prefix--refused::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f05e" !important;
font-weight: 900 !important;
}
.prefix--devteam {
background: rgba(23,162,184,.10) !important;
border-color: rgba(23,162,184,.25) !important;
border-left-color: #17a2b8 !important;
color: #17a2b8 !important;
}
.prefix--devteam::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f1d8" !important;
font-weight: 900 !important;
}
.prefix--owner {
background: rgba(255,193,7,.10) !important;
border-color: rgba(255,193,7,.25) !important;
border-left-color: #d39e00 !important;
color: #d39e00 !important;
}
.prefix--owner::before {
font-family: 'Font Awesome 5 Pro','Font Awesome 5 Free',sans-serif !important;
content: "\f521" !important;
font-weight: 900 !important;
}