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

67 lines
1.3 KiB
SCSS
Raw Normal View History

2018-01-31 16:45:25 +01:00
.bd-profile-badges-wrap {
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
}
.bd-profile-badges {
display: flex;
}
.bd-profile-badge {
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;
}
.bd-profile-badge-developer,
2018-06-10 22:28:23 +02:00
.bd-profile-badge-webdev,
.bd-profile-badge-contributor {
2018-01-31 16:45:25 +01:00
background-image: $logoSmallBw;
filter: brightness(10);
2018-06-10 22:28:23 +02:00
.theme-light [class*="topSectionNormal-"] .bd-profile-badges-profile-modal > &,
.theme-light :not(.bd-profile-badges-profile-modal) > & {
background-image: $logoSmallLight;
filter: none;
}
2018-01-31 16:45:25 +01:00
}
2018-03-08 19:46:03 +01:00
2018-06-10 22:28:23 +02:00
.bd-profile-badges.bd-profile-badges-nametag {
2018-03-08 19:46:03 +01:00
display: inline-block;
margin-left: 6px;
height: 11px;
2018-06-10 22:28:23 +02:00
.bd-profile-badge {
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
}
}
2018-06-10 22:28:23 +02:00
// .member-username .bd-profile-badges {
// display: inline-block;
// height: 17px;
// width: 14px;
//
// .bd-badge,
// .bd-badge-c {
// width: 14px;
// height: 16px;
// background-position: center;
// background-size: 12px 12px;
// background-repeat: no-repeat;
// }
// }