Sha256: 0c81b994691315d9b92a55e4893e555e946e8d7c663e49fe13d584e51da341b4

Contents?: true

Size: 745 Bytes

Versions: 1298

Compression:

Stored size: 745 Bytes

Contents

@import "../tokens/spacing";
@import "../tokens/colors";
@import "../tokens/border_radius";

@mixin pb_progress_pill {
  width: 45px;
  height: 4px;
  border-radius: $border_rad_light;
  margin-right: $space_xs;
}

[class^=pb_progress_pills_kit] {
  [class*=progress_pills] {
    display: flex;
  }

  [class*=progress_pills_status] {
    display: flex;
    align-items: center;
    margin-bottom: $space_xs;

    [class*=title] {
      margin-right: $space_xs;
    }
  }

  [class*=pb_progress_pill] {
    @include pb_progress_pill;

    &[class*=_inactive] {
      background-color: $border_light;
      &.dark {
      background-color: $border_dark;
      }
    }

    &[class*=_active] {
      background-color: $primary_action;
    }
  }
}

Version data entries

1,298 entries across 1,298 versions & 1 rubygems

Version Path
playbook_ui-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5437 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss