BetterDiscordApp-v2/client/src/styles/partials/generic/badges.scss

52 lines
1.1 KiB
SCSS

.bd-profileBadgesWrap {
display: inline-flex;
margin-top: 8px;
flex: 1 1 auto;
+ [class*='profileBadges'] {
display: inline-flex;
}
}
.bd-profileBadges {
display: flex;
&.bd-profileBadgesNametag {
display: inline-block;
margin-left: 6px;
height: 11px;
.bd-profileBadge {
width: 12px;
height: 12px;
&:last-child {
margin-right: 0;
}
}
}
}
.bd-profileBadge {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
height: 16px;
width: 16px;
margin-right: 6px;
}
.bd-profileBadgeDeveloper,
.bd-profileBadgeWebdev,
.bd-profileBadgeContributor {
background-image: $logoSmallBw;
filter: brightness(10);
.theme-light [class*='topSectionNormal-'] .bd-profileBadgesProfileModal > &, // sass-lint:disable-line force-element-nesting class-name-format
.theme-light :not(.bd-profileBadgesProfileModal) > & { // sass-lint:disable-line class-name-format
background-image: $logoSmallLight;
filter: none;
}
}