Contents

$badge-sizes: (
  "sm":   16px,
  "md":   26px,
  "lg":   36px
);

[class^=pb_user_badge] {
  .pb__user_badge_wrapper {
    svg,
    img {
      width: 100%;
      height: 100%;
    }
  }

  @each $name, $size in $badge-sizes {
    &[class*=_#{$name}] {
      .pb__user_badge_wrapper {
        width: $size;
        height: $size;
      }
    }
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
playbook_ui-2.8.4	app/pb_kits/playbook/pb_user_badge/_user_badge.scss
playbook_ui-2.8.3	app/pb_kits/playbook/pb_user_badge/_user_badge.scss
playbook_ui-2.8.1	app/pb_kits/playbook/pb_user_badge/_user_badge.scss