Sha256: 995d2d803417e44c5d99a0c92ad6e3a74fc9e53056479d9dfadd776d659a5606

Contents?: true

Size: 836 Bytes

Versions: 85

Compression:

Stored size: 836 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

85 entries across 85 versions & 1 rubygems

Version Path
playbook_ui-5.2.0.pre.alpha15 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.2.0.pre.alpha14 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.2.0.pre.alpha13 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.2.0.pre.alpha12 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.2.0.pre.alpha11 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.5.1.pre.alpha4 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.5.1.pre.alpha3 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.5.1.pre.alpha2 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.5.1.pre.alpha1 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.2.0.pre.alpha10 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.5.1 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.5.0 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.5.0.pre.alpha1 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.2.0.pre.alpha9 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.2.0.pre.alpha8 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.2.0.pre.alpha7 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.3.0.pre.alpha1 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.4.0 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.2.0.pre.alpha6 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-5.2.0.pre.alpha5 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss