Sha256: 5aa498e6f20383ee93ce4f16092162003d8085ed32c6dcf607af34295cdbbe19
Contents?: true
Size: 1.26 KB
Versions: 191
Compression:
Stored size: 1.26 KB
Contents
@import "../tokens/colors";
@import "../utilities/colors";
@import "../tokens/opacity";
@import "../pb_avatar/avatar";
$pb_multiple_users_overlap: -9px;
$pb_multiple_users_border_size: 1px;
$pb_multiple_users_size: map-get($avatar-sizes, "xs");
[class^=pb_multiple_users_kit] {
display: inline-flex;
.multiple_users_badge {
display: flex;
align-items: center;
justify-content: center;
width: $pb_multiple_users_size;
height: $pb_multiple_users_size;
border-radius: ($pb_multiple_users_size/2) + 2;
background: tint($primary, 90%);
border: $pb_multiple_users_border_size solid $white;
color: $primary;
font-weight: $bold;
font-size: $font_smallest - 1;
}
.pb_multiple_users_item {
margin-left: $pb_multiple_users_overlap;
margin-right: 0;
&.dark {
.avatar_wrapper {
border: $pb_multiple_users_border_size solid $bg_dark;
}
}
.avatar_wrapper {
border: $pb_multiple_users_border_size solid $white;
}
@each $item in [1, 2, 3, 4, 5] {
&:nth-child(#{$item}) {
z-index: #{$item - 1};
}
}
}
&[class*=_reverse] {
flex-direction: row-reverse;
.pb_multiple_users_item {
margin-left: 0;
margin-right: $pb_multiple_users_overlap;
}
}
}
Version data entries
191 entries across 191 versions & 1 rubygems