Sha256: 5b79fd0aa7f81965138ad01237ccfab71a1b6115f7bc546f6ab680ae1fea7801

Contents?: true

Size: 1.1 KB

Versions: 453

Compression:

Stored size: 1.1 KB

Contents

@import "../tokens/colors";

$pb_online_status_size: 8px;
$pb_online_status_border: 2px;
$pb_online_status_sizes: (
  "sm": 8px,
  "md": 10px,
  "lg": 12px,
);

$pb_online_status_statuses: (
  online: $success,
  away: $warning,
  offline: $neutral,
  success: $success,
  warning: $warning,
  error: $error,
  info: $info,
  neutral: $neutral,
  primary: $primary,
);

[class^=pb_online_status_kit] {
  box-sizing: content-box;
  width: $pb_online_status_size;
  height: $pb_online_status_size;
  flex-basis: $pb_online_status_size;
  flex-grow: 0;
  flex-shrink: 0;
  border-width: $pb_online_status_border;
  border-color: $white;
  border-style: solid;
  border-radius: 50%;
  background: $neutral;

  &.dark {
    border-color: $bg_dark;
  }

  @each $status_name, $status_value in $pb_online_status_statuses {
    &[class*=_#{$status_name}] {
      background: $status_value;
    }
  }

  @each $size, $value in $pb_online_status_sizes {
    &[class*=_size_#{$size}] {
      width: $value;
      height: $value;
      flex-basis: $value;
    }
  }

  &[class*=_no_border] {
    border-width: 0;
    border-style: none;
  }
}

Version data entries

453 entries across 453 versions & 1 rubygems

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