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.10.0.pre.rc.23 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.10.0.pre.rc.22 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.10.0.pre.rc.21 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.9.0.pre.alpha.play1703errorstatealignment5060 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.10.0.pre.rc.20 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.10.0.pre.rc.19 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.10.0.pre.rc.18 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.9.0.pre.alpha.PLAY1660reactdropzone5020 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.10.0.pre.rc.17 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.10.0.pre.rc.16 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.9.0.pre.alpha.play17004992 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.9.0.pre.alpha.play1703errorstatealignment4991 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.10.0.pre.rc.15 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.9.0.pre.alpha.PLAY16264952 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.9.0.pre.alpha.PLAY1731inputmasking4927 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.9.0.pre.alpha.play1742globalheightfixes4926 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.9.0.pre.alpha.play1742globalheightfixes4925 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.10.0.pre.rc.14 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.10.0.pre.rc.13 app/pb_kits/playbook/pb_online_status/_online_status.scss
playbook_ui-14.9.0.pre.alpha.PBNTR746datepickerdefaultbug4903 app/pb_kits/playbook/pb_online_status/_online_status.scss