Sha256: 488ecff413ce7d099ba68ec3bee9e3728335b5c195a3f7c4e50e19a6459e1538

Contents?: true

Size: 868 Bytes

Versions: 1089

Compression:

Stored size: 868 Bytes

Contents

@import "../tokens/colors";

[class^=pb_distribution_bar] {
  $bar_colors: map-merge($data_colors, $status_colors);
  $small_bar: 8px;
  $large_bar: 36px;
  display: flex;
  border-radius: $large_bar;
  overflow: auto;
  .pb_distribution_width {
    height: 100%;
    display: inline-block;
    @each $name, $color in $bar_colors {
      &:nth-child(#{length($bar_colors)}n+#{index(($bar_colors), ($name $color))}) {
        background-color: $color;
      }
      &.color_#{$name} {
        background-color: $color !important;
      }
    }
    &:first-child {
      border-top-left-radius: $large_bar;
      border-bottom-left-radius: $large_bar;
    }
    &:last-child {
      border-top-right-radius: $large_bar;
      border-bottom-right-radius: $large_bar;
    }
  }
  &[class*=_sm] {
    height: $small_bar;
  }
  &[class*=_lg] {
    height: $large_bar;
  }
}

Version data entries

1,089 entries across 1,089 versions & 1 rubygems

Version Path
playbook_ui-14.6.0.pre.rc.12 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.6.0.pre.rc.11 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.6.0.pre.rc.10 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.6.0.pre.rc.9 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.6.0.pre.rc.8 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.6.0.pre.rc.7 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.6.0.pre.rc.6 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.6.0.pre.rc.5 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.5.0.pre.alpha.PLAY1510railsformloading3977 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.5.0.pre.alpha.PLAY1510railsformloading3976 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.5.0.pre.alpha.PLAY1510railsformloading3975 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.6.0.pre.rc.4 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.6.0.pre.rc.3 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.6.0.pre.rc.2 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3954 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3953 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3950 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.5.0.pre.alpha.PBNTR374multilevelselectPOC3946 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3944 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
playbook_ui-14.6.0.pre.rc.1 app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss