Sha256: 76153c634021069447afb5431618a75b3066012bc88725851dbd261f40b531d0

Contents?: true

Size: 616 Bytes

Versions: 2

Compression:

Stored size: 616 Bytes

Contents

@import "../tokens/colors";

$background_colors: (
  "gradient": linear-gradient(135deg, $gradient_start 0%, $gradient_end 100%),
  "dark": $bg_dark,
  "light": $bg_light,
  "white": $white,
);


[class^=pb_background_kit] {
  max-width: 100%;
  max-height: 100%;
  background-size: cover;

  @each $name, $color in $background_colors {
    &.pb_background_color_#{$name} {
      background: $color;
    }
  };

  .blur_up {
    -webkit-filter: blur(6px);
    filter: blur(6px);
    transition: filter 550ms, -webkit-filter 550ms;
  }

  .blur_up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0);
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version Path
playbook_ui-10.14.1.pre.alpha2 app/pb_kits/playbook/pb_background/_background.scss
playbook_ui-10.14.1.pre.alpha1 app/pb_kits/playbook/pb_background/_background.scss