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

52 lines
1.1 KiB
SCSS
Raw Normal View History

2018-08-15 04:03:56 +02:00
.bd-profileBadgesWrap {
2018-04-01 23:44:01 +02:00
display: inline-flex;
2018-01-31 16:45:25 +01:00
margin-top: 8px;
flex: 1 1 auto;
2018-04-01 23:44:01 +02:00
2018-08-15 11:42:43 +02:00
+ [class*='profileBadges'] {
2018-04-01 23:44:01 +02:00
display: inline-flex;
}
2018-01-31 16:45:25 +01:00
}
2018-08-15 04:03:56 +02:00
.bd-profileBadges {
2018-01-31 16:45:25 +01:00
display: flex;
2018-08-15 11:42:43 +02:00
&.bd-profileBadgesNametag {
display: inline-block;
margin-left: 6px;
height: 11px;
.bd-profileBadge {
width: 12px;
height: 12px;
&:last-child {
margin-right: 0;
}
}
}
2018-01-31 16:45:25 +01:00
}
2018-08-15 04:03:56 +02:00
.bd-profileBadge {
2018-01-31 16:45:25 +01:00
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
height: 16px;
2018-06-10 22:28:23 +02:00
width: 16px;
2018-01-31 16:45:25 +01:00
margin-right: 6px;
}
2018-08-15 04:03:56 +02:00
.bd-profileBadgeDeveloper,
.bd-profileBadgeWebdev,
.bd-profileBadgeContributor {
2018-01-31 16:45:25 +01:00
background-image: $logoSmallBw;
filter: brightness(10);
2018-08-15 11:42:43 +02:00
.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
2018-06-10 22:28:23 +02:00
background-image: $logoSmallLight;
filter: none;
}
2018-01-31 16:45:25 +01:00
}