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

52 lines
1008 B
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
+ [class*="profileBadges"] {
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 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 04:03:56 +02:00
.theme-light [class*="topSectionNormal-"] .bd-profileBadgesProfileModal > &,
.theme-light :not(.bd-profileBadgesProfileModal) > & {
2018-06-10 22:28:23 +02:00
background-image: $logoSmallLight;
filter: none;
}
2018-01-31 16:45:25 +01:00
}
2018-03-08 19:46:03 +01:00
2018-08-15 05:33:42 +02:00
.bd-profileBadges.bd-profileBadgesNametag {
2018-03-08 19:46:03 +01:00
display: inline-block;
margin-left: 6px;
height: 11px;
2018-08-15 04:03:56 +02:00
.bd-profileBadge {
2018-03-08 19:46:03 +01:00
width: 12px;
height: 12px;
2018-03-08 20:58:53 +01:00
2018-06-10 22:28:23 +02:00
&:last-child {
margin-right: 0;
}
2018-03-08 20:58:53 +01:00
}
}