Sha256: bec809eaba56dbbbb3ff223aa9b7fa2cd1e14fc3ac6e3951b6dd1b76c83f37df

Contents?: true

Size: 837 Bytes

Versions: 9

Compression:

Stored size: 837 Bytes

Contents

@import "../tokens/colors";
@import "../tokens/opacity";

$pb_progress_simple_height: 4px;

[class^=pb__progress_simple_wrapper] {
  display: flex;
  justify-content: flex-start;
  align-items: center;

  &[class*=_center] {
    justify-content: center;
  }

  &[class*=_right] {
    justify-content: flex-end;
  }
}

[class^=pb_progress_simple_kit] {
  width: 100%;
  height: $pb_progress_simple_height;
  border-radius: $pb_progress_simple_height/2;
  background: rgba($primary, $opacity-1);

  .progress_simple_value {
    width: 0%;
    height: 100%;
    border-radius: $pb_progress_simple_height/2;
    background: $primary;
  }

  &[class*=_muted] {
    background: rgba($slate, $opacity-2);

    .progress_simple_value {
      background: $slate;
    }
  }

  &[class*=_right] {
    display: flex;
    align-self: flex-end;
  }
}

Version data entries

9 entries across 9 versions & 1 rubygems

Version Path
playbook_ui-2.9.3 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-2.9.2 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-2.9.1 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-2.9.0 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-2.8.9 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-2.8.8 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-2.8.7 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-2.8.6 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-2.8.5 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss