.user-role-tag() {
display: inline-block;
padding: 2px 8px;
border-radius: 4px;
font-size: 0.85em;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
color: white;
background: #4a5568;
margin-right: 4px;
vertical-align: middle;
}
.user-role-player {
.user-role-tag();
background: #48bb78;
}
.user-role-leader {
.user-role-tag();
background: #319795;
}
.user-role-support {
.user-role-tag();
background: #805ad5;
}
.user-role-junmod {
.user-role-tag();
background: #dd6b20;
}
.user-role-moder {
.user-role-tag();
background: #d69e2e;
}
.user-role-admin {
.user-role-tag();
background: #e53e3e;
}
.user-role-senior-admin {
.user-role-tag();
background: #c53030;
}
.user-role-curator-admin {
.user-role-tag();
background: #805ad5;
}
.user-role-curator-forum {
.user-role-tag();
background: #3182ce;
}
.user-role-project-team {
.user-role-tag();
background: #1c4587;
}
.userBanner.userBanner--staff {
.user-role-tag();
background: #2b6cb0;
}
.user-role-deputy-head {
.user-role-tag();
background: #881337;
}
.user-role-head-admin {
.user-role-tag();
background: linear-gradient(135deg, #ff416c, #ff4b2b);
color: white !important;
}
.user-role-special-admin {
.user-role-tag();
background: #8b008b;
}
.user-role-tech-admin {
.user-role-tag();
background: #004080;
}
.user-role-founder {
.user-role-tag();
background: linear-gradient(135deg, #4a00e0, #8e2de2);
color: white !important;
}