Sha256: 2d0968d5d4ab46db8be0cbde5baec73521b3124b69025181d09ebf1b0e067c9b

Contents?: true

Size: 1.14 KB

Versions: 953

Compression:

Stored size: 1.14 KB

Contents

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

$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);
    &[class*=_positive] {
      .progress_simple_value {
        background: $success;
      }
    }
    &[class*=_negative] {
      .progress_simple_value {
        background: $error;
      }
    }
    &[class*=_warning] {
      .progress_simple_value {
        background: $warning;
      }
    }

  [class^=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

953 entries across 953 versions & 1 rubygems

Version Path
playbook_ui-14.9.0.pre.rc.9 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.8.0.pre.alpha.PLAY1680newwidthprop4661 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.8.0.pre.alpha.PLAY1658tanstackbump4657 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.8.0.pre.alpha.PLAY1649rolloutheightglobalprops4635 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.9.0.pre.rc.8 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4617 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.9.0.pre.rc.7 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.9.0.pre.rc.6 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.9.0.pre.rc.5 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.8.0.pre.alpha.pbntr661createstickyleftprop4612 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.8.0.pre.alpha.play1648heightglobalprops4606 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.9.0.pre.rc.4 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.9.0.pre.rc.3 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.9.0.pre.rc.2 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.8.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4567 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.8.0.pre.alpha.revert3916revert3893PBNTR667railstypeaheadformintegration4565 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4563 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.8.0.pre.alpha.play1648heightglobalprops4559 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.9.0.pre.rc.1 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
playbook_ui-14.8.0.pre.alpha.PLAY16254545 app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss