Sha256: 2d989f22a23e3396eb5154ba1c4fa2c13fea2c92b82a554cc2319b6552b4ec0b
Contents?: true
Size: 1.15 KB
Versions: 96
Compression:
Stored size: 1.15 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;
.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
96 entries across 96 versions & 1 rubygems