Sha256: b0332eb264889a739238530401c34437c9d81247a6d1fe9126131398080ae9e3

Contents?: true

Size: 587 Bytes

Versions: 12

Compression:

Stored size: 587 Bytes

Contents

@import "../tokens/spacing";
@import "../tokens/colors";
@import "../pb_body/body";

$pb_pill_height: 25px;

[class^=pb_fixed_confirmation_toast_kit] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: $space_xs $space-md;
  border-radius: $pb_pill_height;

  @each $color_name, $color_value in $status_colors {
    &[class*=_#{$color_name}]  {
      background: $color_value;

      .pb_fixed_confirmation_toast_text {
        color: $white;
        margin: 0 $space_md 0 $space_md;
      }
      .pb_icon {
        color: $white;
      }
    }
  }
}

Version data entries

12 entries across 12 versions & 1 rubygems

Version Path
playbook_ui-3.1.0 app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
playbook_ui-3.0.1 app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
playbook_ui-3.0.0 app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
playbook_ui-2.9.9 app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
playbook_ui-2.9.8 app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
playbook_ui-2.9.7 app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
playbook_ui-2.9.6 app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
playbook_ui-2.9.5 app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
playbook_ui-2.9.4 app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
playbook_ui-2.9.3 app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
playbook_ui-2.9.2 app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
playbook_ui-2.9.1 app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss