Sha256: 7fbf779edacb65f5215ef91440a9e893e47f478cb32762d53346ba6ac9aed5fb

Contents?: true

Size: 754 Bytes

Versions: 96

Compression:

Stored size: 754 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;
      &[class*=_dark]{
      background-color: $border_dark;
      }
    }

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

Version data entries

96 entries across 96 versions & 1 rubygems

Version Path
playbook_ui-4.13.0 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.12.0 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.11.0 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.11.0.pre.alpha3 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.11.0.pre.alpha.pre.2 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.10.0 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.10.0.pre.alpha1 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.9.0.pre.alpha1 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.9.0 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.8.2 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.8.1 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.7.1 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.7.0 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.6.1 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.6.0 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.5.2 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.5.1 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.5.0 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.4.1 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
playbook_ui-4.4.0 app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss