Sha256: f552f87d621ea4563758536ea5bcc2e726710149df02805d8b96f69e135d1dfe

Contents?: true

Size: 692 Bytes

Versions: 203

Compression:

Stored size: 692 Bytes

Contents

@import "../tokens/colors";

[class^=pb_distribution_bar] {
  $bar_colors: map-values($data_colors);
  $small_bar: 8px;
  $large_bar: 36px;
  display: flex;
  .pb_distribution_width {
    height: 100%;
    display: inline-block;
    @for $i from 1 through length($bar_colors) {
      &:nth-child(#{length($bar_colors)}n+#{$i}) {
        background-color: nth($bar_colors, $i);
      }
    }
    &:first-child {
      border-top-left-radius: 18px;
      border-bottom-left-radius: 18px;
    }
    &:last-child {
      border-top-right-radius: 18px;
      border-bottom-right-radius: 18px;
    }
  }
  &[class*=_sm] {
    height: $small_bar;
  }
  &[class*=_lg] {
    height: $large_bar;
  }
}

Version data entries

203 entries across 203 versions & 1 rubygems

Version Path
playbook_ui-7.14.0 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.13.0.pre.alpha1 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.13.0 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.12.1 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.12.0 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.11.1 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.11.0 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.11.0.pre.alpha1 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.10.0 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.9.0 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.8.4 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.8.3 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.8.2 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.8.1 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.8.0 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.7.0.pre.alpha1 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.7.0 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.6.2.pre.alpha1 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.6.2 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-7.6.1.pre.alpha1 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss